text-spacing-trim-quote-001-ref.html (909B)
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 text-orientation: upright; 17 } 18 halt { 19 font-feature-settings: 'halt' 1, 'vhal' 1; 20 } 21 if-zh { display: none; } 22 :root:lang(zh-hans), :root:lang(zh-hant) { 23 if-ja { display: none; } 24 if-zh { display: block; } 25 } 26 </style> 27 <div id="container"> 28 <div>国)<halt>‘(</halt>国</div> 29 <div>国)<halt>“(</halt>国</div> 30 <if-ja> 31 <div>国<halt>)</halt>’(国</div> 32 <div>国<halt>)</halt>”(国</div> 33 </if-ja> 34 <if-zh> 35 <div>国<halt>)</halt>’<halt>(</halt>国</div> 36 <div>国<halt>)</halt>”<halt>(</halt>国</div> 37 </if-zh> 38 </div>