layout/reftests/font-matching/weightmapping-12579.html@141e0f1194b1
layout/reftests/font-matching/weightmapping-12579.html
Wed, 31 Dec 2014 07:16:47 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:16:47 +0100
- branch
- TOR_BUG_9701
- changeset 3
- 141e0f1194b1
- permissions
- -rw-r--r--
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>Weight mapping tests</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <style type="text/css">
9 body {
10 margin: 50px;
11 font-family: Futura, Verdana, sans-serif;
12 }
14 h3, h4 { font-weight: normal; }
16 /* make all the spans blocks to avoid influence of what's outside them
17 on line-height calculations */
18 span { display: block; }
20 @font-face {
21 font-family: test;
22 src: url(../fonts/mplus/mplus-1p-thin.ttf);
23 font-weight: 100;
24 }
26 @font-face {
27 font-family: test;
28 src: url(../fonts/mplus/mplus-1p-light.ttf);
29 font-weight: 200;
30 }
32 @font-face {
33 font-family: test;
34 src: url(../fonts/mplus/mplus-1p-medium.ttf);
35 font-weight: 500;
36 }
38 @font-face {
39 font-family: test;
40 src: url(../fonts/mplus/mplus-1p-bold.ttf);
41 font-weight: 700;
42 }
44 @font-face {
45 font-family: test;
46 src: url(../fonts/mplus/mplus-1p-black.ttf);
47 font-weight: 900;
48 }
50 @font-face {
51 font-family: test100;
52 src: url(../fonts/mplus/mplus-1p-thin.ttf);
53 }
55 @font-face {
56 font-family: test200;
57 src: url(../fonts/mplus/mplus-1p-light.ttf);
58 }
60 @font-face {
61 font-family: test500;
62 src: url(../fonts/mplus/mplus-1p-medium.ttf);
63 }
65 @font-face {
66 font-family: test700;
67 src: url(../fonts/mplus/mplus-1p-bold.ttf);
68 }
70 @font-face {
71 font-family: test900;
72 src: url(../fonts/mplus/mplus-1p-black.ttf);
73 }
75 table {
76 border-collapse: collapse;
77 font-family: test;
78 font-size: 20px;
79 }
81 td {
82 padding: 0; margin: 0;
83 }
85 th {
86 font-weight: inherit;
87 }
89 .red { color: red; }
91 th.cnor { font-weight: inherit; }
92 th.cbo { font-weight: bolder; }
93 th.cbobo, th.cbobo span { font-weight: bolder; }
94 th.cli { font-weight: lighter; }
95 th.clili, th.clili span { font-weight: lighter; }
97 td.cnor { font-weight: inherit; }
98 td.cbo { font-weight: bolder; }
99 td.cbobo, td.cbobo span { font-weight: bolder; }
100 td.cli { font-weight: lighter; }
101 td.clili, td.clili span { font-weight: lighter; }
103 thead { font-weight: 400; font-size: 75%; }
105 .w1 { font-weight: 100; }
106 .w2 { font-weight: 200; }
107 .w3 { font-weight: 300; }
108 .w4 { font-weight: 400; }
109 .w5 { font-weight: 500; }
110 .w6 { font-weight: 600; }
111 .w7 { font-weight: 700; }
112 .w8 { font-weight: 800; }
113 .w9 { font-weight: 900; }
115 </style>
116 </head>
117 <body>
119 <h3>Font family with 100, 200, 500, 700, 900 weights</h3>
121 <table>
122 <thead>
123 <th></th>
124 <th class="clili"><span>lighter lighter</span></th>
125 <th class="cli"><span>lighter</span></th>
126 <th class="cnor"><span>normal</span></th>
127 <th class="cbo"><span>bolder</span></th>
128 <th class="cbobo"><span>bolder bolder</span></th>
129 </thead>
130 <tr class="w1">
131 <th class="red">100</th>
132 <td class="clili"><span>東京特許許可局</span></td>
133 <td class="cli"><span>東京特許許可局</span></td>
134 <td class="cnor"><span>東京特許許可局</span></td>
135 <td class="cbo"><span>東京特許許可局</span></td>
136 <td class="cbobo"><span>東京特許許可局</span></td>
137 </tr>
138 <tr class="w2">
139 <th class="red">200</th>
140 <td class="clili"><span>東京特許許可局</span></td>
141 <td class="cli"><span>東京特許許可局</span></td>
142 <td class="cnor"><span>東京特許許可局</span></td>
143 <td class="cbo"><span>東京特許許可局</span></td>
144 <td class="cbobo"><span>東京特許許可局</span></td>
145 </tr>
146 <tr class="w3">
147 <th>300</th>
148 <td class="clili"><span>東京特許許可局</span></td>
149 <td class="cli"><span>東京特許許可局</span></td>
150 <td class="cnor"><span>東京特許許可局</span></td>
151 <td class="cbo"><span>東京特許許可局</span></td>
152 <td class="cbobo"><span>東京特許許可局</span></td>
153 </tr>
154 <tr class="w4">
155 <th>400</th>
156 <td class="clili"><span>東京特許許可局</span></td>
157 <td class="cli"><span>東京特許許可局</span></td>
158 <td class="cnor"><span>東京特許許可局</span></td>
159 <td class="cbo"><span>東京特許許可局</span></td>
160 <td class="cbobo"><span>東京特許許可局</span></td>
161 </tr>
162 <tr class="w5">
163 <th class="red">500</th>
164 <td class="clili"><span>東京特許許可局</span></td>
165 <td class="cli"><span>東京特許許可局</span></td>
166 <td class="cnor"><span>東京特許許可局</span></td>
167 <td class="cbo"><span>東京特許許可局</span></td>
168 <td class="cbobo"><span>東京特許許可局</span></td>
169 </tr>
170 <tr class="w6">
171 <th>600</th>
172 <td class="clili"><span>東京特許許可局</span></td>
173 <td class="cli"><span>東京特許許可局</span></td>
174 <td class="cnor"><span>東京特許許可局</span></td>
175 <td class="cbo"><span>東京特許許可局</span></td>
176 <td class="cbobo"><span>東京特許許可局</span></td>
177 </tr>
178 <tr class="w7">
179 <th class="red">700</th>
180 <td class="clili"><span>東京特許許可局</span></td>
181 <td class="cli"><span>東京特許許可局</span></td>
182 <td class="cnor"><span>東京特許許可局</span></td>
183 <td class="cbo"><span>東京特許許可局</span></td>
184 <td class="cbobo"><span>東京特許許可局</span></td>
185 </tr>
186 <tr class="w8">
187 <th>800</th>
188 <td class="clili"><span>東京特許許可局</span></td>
189 <td class="cli"><span>東京特許許可局</span></td>
190 <td class="cnor"><span>東京特許許可局</span></td>
191 <td class="cbo"><span>東京特許許可局</span></td>
192 <td class="cbobo"><span>東京特許許可局</span></td>
193 </tr>
194 <tr class="w9">
195 <th class="red">900</th>
196 <td class="clili"><span>東京特許許可局</span></td>
197 <td class="cli"><span>東京特許許可局</span></td>
198 <td class="cnor"><span>東京特許許可局</span></td>
199 <td class="cbo"><span>東京特許許可局</span></td>
200 <td class="cbobo"><span>東京特許許可局</span></td>
201 </tr>
202 </table>
204 <p>tokyotokkyokyokakyoku</p>
206 </body>
207 </html>
