OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 @font-face { | 5 @font-face { |
6 font-family: 'WebKit WeightWatcher'; | 6 font-family: 'WebKit WeightWatcher'; |
7 font-weight: 100; | 7 font-weight: 100; |
8 src: url('../../resources/WebKitWeightWatcher100.ttf'); | 8 src: url('../../resources/WebKitWeightWatcher100.ttf'); |
9 } | 9 } |
10 @font-face { | 10 @font-face { |
(...skipping 30 matching lines...) Expand all Loading... |
41 font-family: 'WebKit WeightWatcher'; | 41 font-family: 'WebKit WeightWatcher'; |
42 font-weight: 800; | 42 font-weight: 800; |
43 src: url('../../resources/WebKitWeightWatcher800.ttf'); | 43 src: url('../../resources/WebKitWeightWatcher800.ttf'); |
44 } | 44 } |
45 @font-face { | 45 @font-face { |
46 font-family: 'WebKit WeightWatcher'; | 46 font-family: 'WebKit WeightWatcher'; |
47 font-weight: 900; | 47 font-weight: 900; |
48 src: url('../../resources/WebKitWeightWatcher900.ttf'); | 48 src: url('../../resources/WebKitWeightWatcher900.ttf'); |
49 } | 49 } |
50 div { font-family: 'WebKit WeightWatcher'; font-size: 48px; } | 50 div { font-family: 'WebKit WeightWatcher'; font-size: 48px; } |
51 .w1 { font-weight: 100; } | 51 .w1 { font-weight: 100; font-weight: 500.4; font-weight: 500px; font-weigth:
500.4px; } |
52 .w2 { font-weight: 200; } | 52 .w2 { font-weight: 200; } |
53 .w3 { font-weight: 300; } | 53 .w3 { font-weight: 300; } |
54 .w4 { font-weight: 400; } | 54 .w4 { font-weight: 400; } |
55 .w5 { font-weight: 500; } | 55 .w5 { font-weight: 500; } |
56 .w6 { font-weight: 600; } | 56 .w6 { font-weight: 600; } |
57 .w7 { font-weight: 700; } | 57 .w7 { font-weight: 700; } |
58 .w8 { font-weight: 800; } | 58 .w8 { font-weight: 800; } |
59 .w9 { font-weight: 900; } | 59 .w9 { font-weight: 900; } |
60 </style> | 60 </style> |
61 </head> | 61 </head> |
(...skipping 30 matching lines...) Expand all Loading... |
92 </div> | 92 </div> |
93 | 93 |
94 <script> | 94 <script> |
95 if (window.testRunner) { | 95 if (window.testRunner) { |
96 testRunner.waitUntilDone(); | 96 testRunner.waitUntilDone(); |
97 document.fonts.ready.then(function () { testRunner.notifyDone(); }); | 97 document.fonts.ready.then(function () { testRunner.notifyDone(); }); |
98 } | 98 } |
99 </script> | 99 </script> |
100 </body> | 100 </body> |
101 </html> | 101 </html> |
OLD | NEW |