third_party/WebKit/LayoutTests/fast/text/international/text-spliced-font.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5 <title>spliced font test</title>
   6 <style>
   7 body {
   8 font-family: "HiraMaruMono-W4", "MS Gothic";
   9 font-size: 12pt;
  10 }
  11 #horizontal_TB {
  12 -webkit-writing-mode: horizontal-tb;
  13 }
  14 #horizontal_BT {
  15 -webkit-writing-mode: horizontal-bt;
  16 }
  17 #vertical_RL {
  18 -webkit-writing-mode: vertical-rl;
  19 }
  20 #vertical_LR {
  21 -webkit-writing-mode: vertical-lr;
  22 }
  23 #horizontal_TB_complex {
  24 -webkit-writing-mode: horizontal-tb;
  25 text-rendering: optimizelegibility;
  26 }
  27 #horizontal_BT_complex {
  28 -webkit-writing-mode: horizontal-bt;
  29 text-rendering: optimizelegibility;
  30 }
  31 #vertical_RL_complex {
  32 -webkit-writing-mode: vertical-rl;
  33 text-rendering: optimizelegibility;
  34 }
  35 #vertical_LR_complex {
  36 -webkit-writing-mode: vertical-lr;
  37 text-rendering: optimizelegibility;
  38 }
  39 </style>
  40 </head>
  41 <body>
  42 <p>Simple text path: <span id="horizontal_TB">string「あ、変っ！」。</span></p>
  43 <span id="vertical_RL">string「あ、変っ！」。</span><br>
  44 <span id="horizontal_TB">郊外のぎらぎらひかる草の波。</span><br>
  45 <span id="horizontal_TB">ABCDEFGHIJKLM abcdefghijklm 1234567890</span><br>
  46 <hr>
  47 <p>Complex text path: <span id="horizontal_TB_complex">string「あ、変っ！」。</span></p>
  48 <span id="vertical_RL_complex">string「あ、変っ！」。</span><br>
  49 <span id="horizontal_TB_complex">郊外のぎらぎらひかる草の波。</span><br>
  50 <span id="horizontal_TB_complex">ABCDEFGHIJKLM abcdefghijklm 1234567890</span><br>
  51 </body>
  52 </html>