| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <script src="support/variant-class.js"></script> |
| <style> |
| @font-face { |
| font-family: halt-font; |
| src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf'); |
| } |
| #container { |
| font-family: halt-font; |
| font-size: 20px; |
| inline-size: 4em; |
| text-spacing-trim: space-all; |
| } |
| .vrl { |
| writing-mode: vertical-rl; |
| } |
| halt { |
| font-feature-settings: 'halt' 1, 'vhal' 1; |
| } |
| .trim-start { |
| ps, ls { font-feature-settings: 'halt' 1, 'vhal' 1; } |
| } |
| .space-first { |
| ls { font-feature-settings: 'halt' 1, 'vhal' 1; } |
| } |
| </style> |
| <div id="container"> |
| <div>国)<halt>(国</halt></div> |
| <div>国国国)<ls>(国</ls></div> |
| </div> |