third_party/WebKit/LayoutTests/fast/text/justify-ideograph-expected.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 @font-face {
   4     font-family:Ahem;
   5     src:url(../../resources/Ahem.otf);
   6 }
   7 @font-face {
   8     font-family:cssot;
   9     src:url(../../third_party/adobe-fonts/CSSFWOrientationTest.otf);
  10 }
  11 .container {
  12     display: inline-block;
  13 }
  14 #complex {
  15     text-rendering: optimizelegibility
  16 }
  17 dd {
  18     border:black solid thin;
  19     font-family:Ahem, cssot;
  20     white-space:pre;
  21     line-height: 17px;
  22 }
  23 </style>
  24 <div id="simple" class="container">
  25 <h2>Simple</h2>
  26 <dl>
  27 <dt>Ideographic, Kana, CJK symbols</dt>
  28 <dd style="width:9em;">&#x56FD; &#x56FD; &#x3042; &#xFF01; &#x56FD;<br>&#x56FD;&#xFEFF;WWWWWWWW</dd>
  29 <dd style="width:9em;">&#x56FD; &#x56FD; &#x3042; &#xFF01; &#x56FD;<br>WWWWWWWWW</dd>
  30 <dd style="width:9em;">&#x56FD; &#x56FD; &#x3042; &#xFF01; &#x56FD;<br>WWWWWWWWW</dd>
  31 <dd style="width:9em;">&#x56FD; &#x56FD; &#x3042; &#xFF01; W<br>WWWWWWWWW</dd>
  32 <dd style="width:9em;">&#x20B9F; &#x20B9F; &#x20B9F; &#x20B9F; &#x20B9F;<br>&#x20B9F;&#xFEFF;WWWWWWWW</dd>
  33 <dt>Ideographic, Kana, CJK symbols with spans</dt>
  34 <dd style="width:9em;">&#x56FD; &#x56FD; &#x3042; &#xFF01; &#x56FD;<br>&#x56FD;&#xFEFF;WWWWWWWW</dd>
  35 <dt>Ideographic, Latin, and spaces</dt>
  36 <dd style="width:8em;">WW &#x56FD; W &#x56FD;<br>&#x56FD;&#xFEFF;WWWWWWW</dd>
  37 <dd style="width:11em;">WW &#x56FD;   W  &#x56FD;<br>&#x56FD;&#xFEFF;WWWWWWWWWW</dd>
  38 <dd style="width:11em;">WW &#x56FD;   W  &#x56FD;<br>WWWWWWWWWWW</dd>
  39 <dd style="width:11em;">WW &#x56FD;   W  &#x56FD;<br>WWWWWWWWWWW</dd>
  40 <dd style="width:8em;">WW &#x56FD;   W<br>&#x56FD;&#xFEFF;WWWWWWW</dd>
  41 <dd style="width:11em;">W.  W.  W &#x56FD;<br>WWWWWWWWWWW</dd>
  42 </dl>
  43 </div>
  44 <div id="complex" class="container">
  45 <h2>Complex</h2>
  46 </div>
  47 <script>
  48 document.body.offsetLeft; // Kick off loading @font-face
  49 if (window.testRunner) {
  50     testRunner.waitUntilDone();
  51     document.body.onload = function () { testRunner.notifyDone(); };
  52 }
  53 var tests = document.getElementsByTagName('dl')[0];
  54 document.getElementById('complex').appendChild(tests.cloneNode(true));
  55 </script>