text-spacing-trim-start-001-ref.html (991B)
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><ps>(</ps>国国国<ls>(</ls>国国国<ls>(</ls>国</div> 30 <div>国国国)<ls>(</ls>国国)<ls>(</ls>国</div> 31 <div>国国国国<ls>(</ls></div> 32 <div lang="zh-hans">国国国国<ls>“</ls></div> 33 34 <div><ps>(</ps>国国国<br><ps>(</ps>国国国<br><ps>(</ps>国</div> 35 <div>国国国国<br><ps>(</ps></div> 36 <div lang="zh-hans">国国国国<br><ps>“</ps></div> 37 </div>