third_party/WebKit/LayoutTests/fast/text/justify-vertical.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 html {
   4     -webkit-writing-mode:vertical-rl;
   5     -webkit-font-feature-settings:"vert" off;
   6 }
   7 @font-face {
   8     font-family:cssot;
   9     src:url(../../third_party/adobe-fonts/CSSFWOrientationTest.otf);
  10 }
  11 dd {
  12     border:black solid thin;
  13     font-family:Ahem, cssot;
  14     text-align:justify;
  15 }
  16 </style>
  17 <dl>
  18 <dt>Ideographic, Kana, CJK symbols</dt>
  19 <dd style="-webkit-logical-width:9em;">&#x56FD;&#x56FD;&#x3042;&#xFF01;&#x56FD;&#x56FD;&#xFEFF;WWWWWWWW</dd>
  20 <dd style="-webkit-logical-width:9em;">&#x56FD;&#x56FD;&#x3042;&#xFF01;&#x56FD;WWWWWWWWW</dd>
  21 <dd style="-webkit-logical-width:9em;">&#x56FD;&#x56FD;&#x3042;&#xFF01;&#x56FD; WWWWWWWWW</dd>
  22 <dd style="-webkit-logical-width:9em;">&#x56FD;&#x56FD;&#x3042;&#xFF01;W WWWWWWWWW</dd>
  23 <dd style="-webkit-logical-width:9em;">&#x20B9F;&#x20B9F;&#x20B9F;&#x20B9F;&#x20B9F;&#x20B9F;&#xFEFF;WWWWWWWW</dd>
  24 <dt>Ideographic, Kana, CJK symbols with spans</dt>
  25 <dd style="-webkit-logical-width:9em;">&#x56FD;<span>&#x56FD;</span>&#x3042;&#xFF01;&#x56FD;&#x56FD;&#xFEFF;WWWWWWWW</dd>
  26 <dt>Ideographic, Latin, and spaces</dt>
  27 <dd style="-webkit-logical-width:8em;">WW&#x56FD;W&#x56FD;&#x56FD;&#xFEFF;WWWWWWW</dd>
  28 <dd style="-webkit-logical-width:11em;">WW&#x56FD; W &#x56FD;&#x56FD;&#xFEFF;WWWWWWWWWW</dd>
  29 <dd style="-webkit-logical-width:11em;">WW&#x56FD; W &#x56FD;WWWWWWWWWWW</dd>
  30 <dd style="-webkit-logical-width:11em;">WW&#x56FD; W &#x56FD; WWWWWWWWWWW</dd>
  31 <dd style="-webkit-logical-width:8em;">WW&#x56FD; W &#x56FD;&#xFEFF;WWWWWWW</dd>
  32 <dd style="-webkit-logical-width:11em;">W. W. <span>W</span>&#x56FD;WWWWWWWWWWW</dd>
  33 <!-- These are not supported yet
  34 <dt>Combining and IVS</dt>
  35 <dd style="-webkit-logical-width:5em;">&#x304B;&#x3099;&#x304B;&#x3099;&#x304B;&#x3099;&#x304B;&#x3099;&#xFEFF;WWWW</dd>
  36 <dd style="-webkit-logical-width:5em;">&#x8FBA;&#xE0102;&#x8FBA;&#xE0102;&#x8FBA;&#xE0102;&#x8FBA;&#xFEFF;WWWW</dd>
  37 -->
  38 </dl>
  39 <script>
  40 if (window.testRunner) {
  41     testRunner.waitUntilDone();
  42     window.onload = function () {
  43         document.fonts.ready.then(function () { testRunner.notifyDone(); });
  44     };
  45 }
  46 </script>