OLD | NEW |
1 <style> | 1 <style> |
2 @font-face { | 2 @font-face { |
3 font-family: webkit-one; | 3 font-family: webkit-one; |
4 font-style: italic; | 4 font-style: italic; |
5 src: local(Courier), local('Courier New'); | 5 src: local(Courier), local('Courier New'); |
6 } | 6 } |
7 | 7 |
8 @font-face { | 8 @font-face { |
9 font-family: webkit-one; | 9 font-family: webkit-one; |
10 font-style: normal; | 10 font-style: normal; |
11 font-weight: 700; | 11 font-weight: 700; |
12 src: local(Helvetica), local(Arial); | 12 src: local(Helvetica), local(Arial); |
13 } | 13 } |
14 | 14 |
15 @font-face { | 15 @font-face { |
16 font-family: webkit-one; | 16 font-family: webkit-one; |
17 font-style: normal; | 17 font-style: normal; |
18 src: local(Helvetica), local(Arial); | 18 src: local(Helvetica), local(Arial); |
19 } | 19 } |
20 | 20 |
21 @font-face { | 21 @font-face { |
22 font-family: webkit-one; | 22 font-family: webkit-one; |
23 font-style: italic; | 23 font-style: italic; |
24 font-weight: 700; | 24 font-weight: 700; |
25 src: local(Papyrus), local(Times), local('Times New Roman'); | 25 src: local(Papyrus), local(Times), local('Times New Roman'); |
26 } | 26 } |
27 | 27 |
28 @font-face { | 28 @font-face { |
29 font-family: webkit-two; | |
30 font-style: italic; | |
31 src: url(../../resources/Ahem.ttf); | |
32 } | |
33 | |
34 @font-face { | |
35 font-family: webkit-six; | 29 font-family: webkit-six; |
36 font-weight: 400; | 30 font-weight: 400; |
37 src: local(Courier), local('Courier New'); | 31 src: local(Courier), local('Courier New'); |
38 } | 32 } |
39 | 33 |
40 @font-face { | 34 @font-face { |
41 font-family: webkit-six; | 35 font-family: webkit-six; |
42 font-weight: 700; | 36 font-weight: 700; |
43 src: local(Helvetica), local(Arial); | 37 src: local(Helvetica), local(Arial); |
44 } | 38 } |
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
111 <span style="font-weight: 100">Courier</span> | 105 <span style="font-weight: 100">Courier</span> |
112 <span style="font-weight: 200">Courier</span> | 106 <span style="font-weight: 200">Courier</span> |
113 <span style="font-weight: 300">Courier</span> | 107 <span style="font-weight: 300">Courier</span> |
114 <span style="font-weight: 400">Courier</span> | 108 <span style="font-weight: 400">Courier</span> |
115 <span style="font-weight: 500">Courier</span> | 109 <span style="font-weight: 500">Courier</span> |
116 <span style="font-weight: 600">Helvetica Bold</span> | 110 <span style="font-weight: 600">Helvetica Bold</span> |
117 <span style="font-weight: 700">Helvetica Bold</span> | 111 <span style="font-weight: 700">Helvetica Bold</span> |
118 <span style="font-weight: 800">Helvetica Bold</span> | 112 <span style="font-weight: 800">Helvetica Bold</span> |
119 <span style="font-weight: 900">Helvetica Bold</span> | 113 <span style="font-weight: 900">Helvetica Bold</span> |
120 </div> | 114 </div> |
121 | |
122 <p>Times followed by Ahem (normal):</p> | |
123 <div style="font-family: webkit-two;"> | |
124 Times <i>AHEM</i> | |
125 </div> | |
OLD | NEW |