text-spacing-trim-001-ref.html (1077B)
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 text-spacing-trim: space-all; 13 } 14 .vrl { 15 writing-mode: vertical-rl; 16 } 17 halt { 18 font-feature-settings: 'halt' 1, 'vhal' 1; 19 } 20 </style> 21 <div id="container"> 22 <!-- Open + Open/Close/Middle --> 23 <div>国（<halt>（</halt>国</div> 24 <div>国（<halt>（（</halt>国</div> 25 <div>国（）国</div> 26 <div>国（・国</div> 27 <div>国（ 国</div> 28 <!-- Close + Open/Close/Middle --> 29 <div>国）<halt>（</halt>国</div> 30 <div>国<halt>）</halt>）国</div> 31 <div>国<halt>））</halt>）国</div> 32 <div>国<halt>）</halt>・国</div> 33 <div>国<halt>）</halt> 国</div> 34 <!-- Middle + Open/Middle/Close --> 35 <div>国・<halt>（</halt>国</div> 36 <div>国・・国</div> 37 <div>国・）国</div> 38 <div>国 <halt>（</halt>国</div> 39 <div>国 国</div> 40 <div>国 ）国</div> 41 </div>