| OLD | NEW |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 1 <style> | 4 <style> |
| 2 div { font-family: WebKit WeightWatcher; font-size: 48px; } | 5 @font-face { |
| 6 font-family: 'WebKit WeightWatcher'; |
| 7 font-weight: 100; |
| 8 src: url('../../resources/WebKitWeightWatcher100.ttf'); |
| 9 } |
| 10 @font-face { |
| 11 font-family: 'WebKit WeightWatcher'; |
| 12 font-weight: 200; |
| 13 src: url('../../resources/WebKitWeightWatcher200.ttf'); |
| 14 } |
| 15 @font-face { |
| 16 font-family: 'WebKit WeightWatcher'; |
| 17 font-weight: 300; |
| 18 src: url('../../resources/WebKitWeightWatcher300.ttf'); |
| 19 } |
| 20 @font-face { |
| 21 font-family: 'WebKit WeightWatcher'; |
| 22 font-weight: 400; |
| 23 src: url('../../resources/WebKitWeightWatcher400.ttf'); |
| 24 } |
| 25 @font-face { |
| 26 font-family: 'WebKit WeightWatcher'; |
| 27 font-weight: 500; |
| 28 src: url('../../resources/WebKitWeightWatcher500.ttf'); |
| 29 } |
| 30 @font-face { |
| 31 font-family: 'WebKit WeightWatcher'; |
| 32 font-weight: 600; |
| 33 src: url('../../resources/WebKitWeightWatcher600.ttf'); |
| 34 } |
| 35 @font-face { |
| 36 font-family: 'WebKit WeightWatcher'; |
| 37 font-weight: 700; |
| 38 src: url('../../resources/WebKitWeightWatcher700.ttf'); |
| 39 } |
| 40 @font-face { |
| 41 font-family: 'WebKit WeightWatcher'; |
| 42 font-weight: 800; |
| 43 src: url('../../resources/WebKitWeightWatcher800.ttf'); |
| 44 } |
| 45 @font-face { |
| 46 font-family: 'WebKit WeightWatcher'; |
| 47 font-weight: 900; |
| 48 src: url('../../resources/WebKitWeightWatcher900.ttf'); |
| 49 } |
| 50 div { font-family: 'WebKit WeightWatcher'; font-size: 48px; } |
| 3 .w1 { font-weight: 100; } | 51 .w1 { font-weight: 100; } |
| 4 .w2 { font-weight: 200; } | 52 .w2 { font-weight: 200; } |
| 5 .w3 { font-weight: 300; } | 53 .w3 { font-weight: 300; } |
| 6 .w4 { font-weight: 400; } | 54 .w4 { font-weight: 400; } |
| 7 .w5 { font-weight: 500; } | 55 .w5 { font-weight: 500; } |
| 8 .w6 { font-weight: 600; } | 56 .w6 { font-weight: 600; } |
| 9 .w7 { font-weight: 700; } | 57 .w7 { font-weight: 700; } |
| 10 .w8 { font-weight: 800; } | 58 .w8 { font-weight: 800; } |
| 11 .w9 { font-weight: 900; } | 59 .w9 { font-weight: 900; } |
| 12 </style> | 60 </style> |
| 61 </head> |
| 62 <body> |
| 13 <p> | 63 <p> |
| 14 You should see the numbers 1 to 9 below. | 64 You should see the numbers 1 to 9 below. |
| 15 </p> | 65 </p> |
| 16 <div class="w1"> | 66 <div class="w1"> |
| 17 A | 67 A |
| 18 </div> | 68 </div> |
| 19 <div class="w2"> | 69 <div class="w2"> |
| 20 A | 70 A |
| 21 </div> | 71 </div> |
| 22 <div class="w3"> | 72 <div class="w3"> |
| (...skipping 10 matching lines...) Expand all Loading... |
| 33 </div> | 83 </div> |
| 34 <div class="w7"> | 84 <div class="w7"> |
| 35 A | 85 A |
| 36 </div> | 86 </div> |
| 37 <div class="w8"> | 87 <div class="w8"> |
| 38 A | 88 A |
| 39 </div> | 89 </div> |
| 40 <div class="w9"> | 90 <div class="w9"> |
| 41 A | 91 A |
| 42 </div> | 92 </div> |
| 93 </body> |
| 94 </html> |
| OLD | NEW |