| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| <title>spliced font test</title> |
| <style> |
| body { |
| font-family: "HiraMaruMono-W4", "MS Gothic"; |
| font-size: 12pt; |
| } |
| #horizontal_TB { |
| -webkit-writing-mode: horizontal-tb; |
| } |
| #horizontal_BT { |
| -webkit-writing-mode: horizontal-bt; |
| } |
| #vertical_RL { |
| -webkit-writing-mode: vertical-rl; |
| } |
| #vertical_LR { |
| -webkit-writing-mode: vertical-lr; |
| } |
| #horizontal_TB_complex { |
| -webkit-writing-mode: horizontal-tb; |
| text-rendering: optimizelegibility; |
| } |
| #horizontal_BT_complex { |
| -webkit-writing-mode: horizontal-bt; |
| text-rendering: optimizelegibility; |
| } |
| #vertical_RL_complex { |
| -webkit-writing-mode: vertical-rl; |
| text-rendering: optimizelegibility; |
| } |
| #vertical_LR_complex { |
| -webkit-writing-mode: vertical-lr; |
| text-rendering: optimizelegibility; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Simple text path: <span id="horizontal_TB">string「あ、変っ！」。</span></p> |
| <span id="vertical_RL">string「あ、変っ！」。</span><br> |
| <span id="horizontal_TB">郊外のぎらぎらひかる草の波。</span><br> |
| <span id="horizontal_TB">ABCDEFGHIJKLM abcdefghijklm 1234567890</span><br> |
| <hr> |
| <p>Complex text path: <span id="horizontal_TB_complex">string「あ、変っ！」。</span></p> |
| <span id="vertical_RL_complex">string「あ、変っ！」。</span><br> |
| <span id="horizontal_TB_complex">郊外のぎらぎらひかる草の波。</span><br> |
| <span id="horizontal_TB_complex">ABCDEFGHIJKLM abcdefghijklm 1234567890</span><br> |
| </body> |
| </html> |
