text-spacing-trim-span-001-ref.html (668B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <script src="support/variant-class.js"></script> 4 <style> 5 @font-face { 6 font-family: halt-font; 7 src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf'); 8 } 9 #container { 10 font-family: halt-font; 11 font-size: 20px; 12 inline-size: 4em; 13 text-spacing-trim: space-all; 14 } 15 .vrl { 16 writing-mode: vertical-rl; 17 } 18 halt { 19 font-feature-settings: 'halt' 1, 'vhal' 1; 20 } 21 .trim-start { 22 ps, ls { font-feature-settings: 'halt' 1, 'vhal' 1; } 23 } 24 .space-first { 25 ls { font-feature-settings: 'halt' 1, 'vhal' 1; } 26 } 27 </style> 28 <div id="container"> 29 <div>国）<halt>（国</halt></div> 30 <div>国国国）<ls>（国</ls></div> 31 </div>