OLD | NEW |
---|---|
(Empty) | |
1 <!doctype html> | |
2 <style> | |
3 @font-face { | |
4 font-family: 'WebKit WeightWatcher'; | |
5 font-weight: 100; | |
6 src: url('../../resources/WebKitWeightWatcher100.ttf'); | |
7 } | |
8 @font-face { | |
9 font-family: 'WebKit WeightWatcher'; | |
10 font-weight: 200; | |
11 src: url('../../resources/WebKitWeightWatcher200.ttf'); | |
12 } | |
13 @font-face { | |
14 font-family: 'WebKit WeightWatcher'; | |
15 font-weight: 300; | |
16 src: url('../../resources/WebKitWeightWatcher300.ttf'); | |
17 } | |
18 @font-face { | |
19 font-family: 'WebKit WeightWatcher'; | |
20 font-weight: 400; | |
21 src: url('../../resources/WebKitWeightWatcher400.ttf'); | |
22 } | |
23 @font-face { | |
24 font-family: 'WebKit WeightWatcher'; | |
25 font-weight: 500; | |
26 src: url('../../resources/WebKitWeightWatcher500.ttf'); | |
27 } | |
28 @font-face { | |
29 font-family: 'WebKit WeightWatcher'; | |
30 font-weight: 600; | |
31 src: url('../../resources/WebKitWeightWatcher600.ttf'); | |
32 } | |
33 @font-face { | |
34 font-family: 'WebKit WeightWatcher'; | |
35 font-weight: 700; | |
36 src: url('../../resources/WebKitWeightWatcher700.ttf'); | |
37 } | |
38 @font-face { | |
39 font-family: 'WebKit WeightWatcher'; | |
40 font-weight: 800; | |
41 src: url('../../resources/WebKitWeightWatcher800.ttf'); | |
42 } | |
43 @font-face { | |
44 font-family: 'WebKit WeightWatcher'; | |
45 font-weight: 900; | |
46 src: url('../../resources/WebKitWeightWatcher900.ttf'); | |
47 } | |
48 | |
49 .target { | |
50 display: inline-block; | |
51 font-family: 'WebKit WeightWatcher'; | |
52 font-size: 20px; | |
53 } | |
54 .replica { | |
55 color: green; | |
56 margin-right: 30px; | |
57 } | |
58 | |
59 </style> | |
60 <template id="target-template">A</template> | |
61 <script src="resources/interpolation-test.js"></script> | |
62 <script> | |
63 assertInterpolation({ | |
64 property: 'font-weight', | |
65 from: '100', | |
66 to: '900' | |
67 }, [ | |
68 {at: 0/8, is: '100'}, | |
69 {at: 1/8, is: '200'}, | |
70 {at: 2/8, is: '300'}, | |
71 {at: 3/8, is: '400'}, | |
72 {at: 4/8, is: '500'}, | |
73 {at: 5/8, is: '600'}, | |
74 {at: 6/8, is: '700'}, | |
75 {at: 7/8, is: '800'}, | |
76 {at: 8/8, is: '900'}, | |
alancutter (OOO until 2018)
2014/02/23 23:01:08
Since this property is bounded between 100 and 900
| |
77 | |
78 {at: 0.10/8, is: '100'}, | |
79 {at: 0.49/8, is: '100'}, | |
80 {at: 0.50/8, is: '200'}, | |
81 {at: 0.51/8, is: '200'}, | |
82 {at: 0.90/8, is: '200'}, | |
83 {at: 7.10/8, is: '800'}, | |
84 {at: 7.49/8, is: '800'}, | |
85 {at: 7.50/8, is: '900'}, | |
86 {at: 7.51/8, is: '900'}, | |
87 ]); | |
88 </script> | |
OLD | NEW |