| <!DOCTYPE HTML> |
| <style> |
| @font-face { |
| font-family:Ahem; |
| src:url(../../resources/Ahem.otf); |
| } |
| @font-face { |
| font-family:cssot; |
| src:url(../../third_party/adobe-fonts/CSSFWOrientationTest.otf); |
| } |
| .container { |
| display: inline-block; |
| } |
| #complex { |
| text-rendering: optimizelegibility |
| } |
| dd { |
| border:black solid thin; |
| font-family:Ahem, cssot; |
| white-space:pre; |
| line-height: 17px; |
| } |
| </style> |
| <div id="simple" class="container"> |
| <h2>Simple</h2> |
| <dl> |
| <dt>Ideographic, Kana, CJK symbols</dt> |
| <dd style="width:9em;">国 国 あ ! 国<br>国WWWWWWWW</dd> |
| <dd style="width:9em;">国 国 あ ! 国<br>WWWWWWWWW</dd> |
| <dd style="width:9em;">国 国 あ ! 国<br>WWWWWWWWW</dd> |
| <dd style="width:9em;">国 国 あ ! W<br>WWWWWWWWW</dd> |
| <dd style="width:9em;">𠮟 𠮟 𠮟 𠮟 𠮟<br>𠮟WWWWWWWW</dd> |
| <dt>Ideographic, Kana, CJK symbols with spans</dt> |
| <dd style="width:9em;">国 国 あ ! 国<br>国WWWWWWWW</dd> |
| <dt>Ideographic, Latin, and spaces</dt> |
| <dd style="width:8em;">WW 国 W 国<br>国WWWWWWW</dd> |
| <dd style="width:11em;">WW 国 W 国<br>国WWWWWWWWWW</dd> |
| <dd style="width:11em;">WW 国 W 国<br>WWWWWWWWWWW</dd> |
| <dd style="width:11em;">WW 国 W 国<br>WWWWWWWWWWW</dd> |
| <dd style="width:8em;">WW 国 W<br>国WWWWWWW</dd> |
| <dd style="width:11em;">W. W. W 国<br>WWWWWWWWWWW</dd> |
| </dl> |
| </div> |
| <div id="complex" class="container"> |
| <h2>Complex</h2> |
| </div> |
| <script> |
| document.body.offsetLeft; // Kick off loading @font-face |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| document.body.onload = function () { testRunner.notifyDone(); }; |
| } |
| var tests = document.getElementsByTagName('dl')[0]; |
| document.getElementById('complex').appendChild(tests.cloneNode(true)); |
| </script> |