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