text-spacing-trim-quote-001.html (1339B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://drafts.csswg.org/css-text-4/#text-spacing-trim-property"> 4 <link rel="match" href="text-spacing-trim-quote-001-ref.html"> 5 <meta name="variant" content="?class=halt,htb&lang=ja"> 6 <meta name="variant" content="?class=halt,htb&lang=zh-hans"> 7 <meta name="variant" content="?class=halt,htb&lang=zh-hant"> 8 <meta name="variant" content="?class=halt,vrl&lang=zh-hans"> 9 <meta name="variant" content="?class=halt,vrl&lang=zh-hant"> 10 <meta name="variant" content="?class=chws,htb&lang=zh-hans"> 11 <meta name="variant" content="?class=chws,htb&lang=zh-hant"> 12 <meta name="variant" content="?class=chws,vrl&lang=zh-hans"> 13 <meta name="variant" content="?class=chws,vrl&lang=zh-hant"> 14 <script src="support/variant-class.js"></script> 15 <style> 16 @font-face { 17 font-family: halt-font; 18 src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf'); 19 } 20 @font-face { 21 font-family: chws-font; 22 src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-chws.otf'); 23 } 24 #container { 25 font-family: halt-font; 26 font-size: 20px; 27 } 28 .chws #container { 29 font-family: chws-font; 30 } 31 .vrl { 32 writing-mode: vertical-rl; 33 text-orientation: upright; 34 } 35 </style> 36 <div id="container"> 37 <div>国）‘（国</div> 38 <div>国）“（国</div> 39 <div>国）’（国</div> 40 <div>国）”（国</div> 41 </div>