1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/font-matching/stretchmapping-137-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,348 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 +<title>font-stretch mapping tests</title>
1.8 +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
1.9 +
1.10 +<style type="text/css">
1.11 +
1.12 +body {
1.13 + margin: 50px;
1.14 + font-family: Verdana, sans-serif;
1.15 +}
1.16 +
1.17 +h3, h4 { font-weight: normal; }
1.18 +
1.19 +table {
1.20 + border-collapse: collapse;
1.21 + font-size: 28px;
1.22 +}
1.23 +
1.24 +td {
1.25 + padding: 0; margin: 0;
1.26 + font-family: test;
1.27 +}
1.28 +
1.29 +th {
1.30 + font-weight: inherit;
1.31 +}
1.32 +
1.33 +p { width: 300px; }
1.34 +
1.35 +.red { color: red; }
1.36 +
1.37 +thead { font-weight: 400; font-size: 75%; }
1.38 +
1.39 +/* make all the spans blocks to avoid influence of what's outside them
1.40 + on line-height calculations */
1.41 +span { display: block; }
1.42 +
1.43 +@font-face {
1.44 + font-family: test;
1.45 + src: url(../fonts/mplus/mplus-1p-thin.ttf);
1.46 + font-weight: 100;
1.47 + font-stretch: ultra-condensed;
1.48 +}
1.49 +
1.50 +@font-face {
1.51 + font-family: test;
1.52 + src: url(../fonts/mplus/mplus-1p-regular.ttf);
1.53 + font-weight: 400;
1.54 + font-stretch: ultra-condensed;
1.55 +}
1.56 +
1.57 +@font-face {
1.58 + font-family: test;
1.59 + src: url(../fonts/mplus/mplus-1p-light.ttf);
1.60 + font-weight: 200;
1.61 + font-stretch: condensed;
1.62 +}
1.63 +
1.64 +@font-face {
1.65 + font-family: test;
1.66 + src: url(../fonts/mplus/mplus-1p-heavy.ttf);
1.67 + font-weight: 800;
1.68 + font-stretch: condensed;
1.69 +}
1.70 +
1.71 +@font-face {
1.72 + font-family: test;
1.73 + src: url(../fonts/mplus/mplus-1p-medium.ttf);
1.74 + font-weight: 500;
1.75 + font-stretch: expanded;
1.76 +}
1.77 +
1.78 +@font-face {
1.79 + font-family: test;
1.80 + src: url(../fonts/mplus/mplus-1p-black.ttf);
1.81 + font-weight: 900;
1.82 + font-stretch: expanded;
1.83 +}
1.84 +
1.85 +@font-face {
1.86 + font-family: test100;
1.87 + src: url(../fonts/mplus/mplus-1p-thin.ttf);
1.88 + font-weight: 100;
1.89 +}
1.90 +
1.91 +@font-face {
1.92 + font-family: test200;
1.93 + src: url(../fonts/mplus/mplus-1p-light.ttf);
1.94 + font-weight: 200;
1.95 +}
1.96 +
1.97 +@font-face {
1.98 + font-family: test400;
1.99 + src: url(../fonts/mplus/mplus-1p-regular.ttf);
1.100 + font-weight: 400;
1.101 +}
1.102 +
1.103 +@font-face {
1.104 + font-family: test500;
1.105 + src: url(../fonts/mplus/mplus-1p-medium.ttf);
1.106 + font-weight: 500;
1.107 +}
1.108 +
1.109 +@font-face {
1.110 + font-family: test800;
1.111 + src: url(../fonts/mplus/mplus-1p-heavy.ttf);
1.112 + font-weight: 800;
1.113 +}
1.114 +
1.115 +@font-face {
1.116 + font-family: test900;
1.117 + src: url(../fonts/mplus/mplus-1p-black.ttf);
1.118 + font-weight: 900;
1.119 +}
1.120 +
1.121 +.w1 { font-weight: 100; }
1.122 +.w2 { font-weight: 200; }
1.123 +.w3 { font-weight: 300; }
1.124 +.w4 { font-weight: 400; }
1.125 +.w5 { font-weight: 500; }
1.126 +.w6 { font-weight: 600; }
1.127 +.w7 { font-weight: 700; }
1.128 +.w8 { font-weight: 800; }
1.129 +.w9 { font-weight: 900; }
1.130 +
1.131 +.w1 .fs1 { font-family: test100; }
1.132 +.w2 .fs1 { font-family: test100; }
1.133 +.w3 .fs1 { font-family: test100; }
1.134 +.w4 .fs1 { font-family: test400; }
1.135 +.w5 .fs1 { font-family: test400; }
1.136 +.w6 .fs1 { font-family: test400; }
1.137 +.w7 .fs1 { font-family: test400; }
1.138 +.w8 .fs1 { font-family: test400; }
1.139 +.w9 .fs1 { font-family: test400; }
1.140 +
1.141 +.w1 .fs2 { font-family: test100; }
1.142 +.w2 .fs2 { font-family: test100; }
1.143 +.w3 .fs2 { font-family: test100; }
1.144 +.w4 .fs2 { font-family: test400; }
1.145 +.w5 .fs2 { font-family: test400; }
1.146 +.w6 .fs2 { font-family: test400; }
1.147 +.w7 .fs2 { font-family: test400; }
1.148 +.w8 .fs2 { font-family: test400; }
1.149 +.w9 .fs2 { font-family: test400; }
1.150 +
1.151 +.w1 .fs3 { font-family: test200; }
1.152 +.w2 .fs3 { font-family: test200; }
1.153 +.w3 .fs3 { font-family: test200; }
1.154 +.w4 .fs3 { font-family: test200; }
1.155 +.w5 .fs3 { font-family: test200; }
1.156 +.w6 .fs3 { font-family: test800; }
1.157 +.w7 .fs3 { font-family: test800; }
1.158 +.w8 .fs3 { font-family: test800; }
1.159 +.w9 .fs3 { font-family: test800; }
1.160 +
1.161 +.w1 .fs4 { font-family: test200; }
1.162 +.w2 .fs4 { font-family: test200; }
1.163 +.w3 .fs4 { font-family: test200; }
1.164 +.w4 .fs4 { font-family: test200; }
1.165 +.w5 .fs4 { font-family: test200; }
1.166 +.w6 .fs4 { font-family: test800; }
1.167 +.w7 .fs4 { font-family: test800; }
1.168 +.w8 .fs4 { font-family: test800; }
1.169 +.w9 .fs4 { font-family: test800; }
1.170 +
1.171 +.w1 .fs5 { font-family: test200; }
1.172 +.w2 .fs5 { font-family: test200; }
1.173 +.w3 .fs5 { font-family: test200; }
1.174 +.w4 .fs5 { font-family: test200; }
1.175 +.w5 .fs5 { font-family: test200; }
1.176 +.w6 .fs5 { font-family: test800; }
1.177 +.w7 .fs5 { font-family: test800; }
1.178 +.w8 .fs5 { font-family: test800; }
1.179 +.w9 .fs5 { font-family: test800; }
1.180 +
1.181 +.w1 .fs6 { font-family: test500; }
1.182 +.w2 .fs6 { font-family: test500; }
1.183 +.w3 .fs6 { font-family: test500; }
1.184 +.w4 .fs6 { font-family: test500; }
1.185 +.w5 .fs6 { font-family: test500; }
1.186 +.w6 .fs6 { font-family: test900; }
1.187 +.w7 .fs6 { font-family: test900; }
1.188 +.w8 .fs6 { font-family: test900; }
1.189 +.w9 .fs6 { font-family: test900; }
1.190 +
1.191 +.w1 .fs7 { font-family: test500; }
1.192 +.w2 .fs7 { font-family: test500; }
1.193 +.w3 .fs7 { font-family: test500; }
1.194 +.w4 .fs7 { font-family: test500; }
1.195 +.w5 .fs7 { font-family: test500; }
1.196 +.w6 .fs7 { font-family: test900; }
1.197 +.w7 .fs7 { font-family: test900; }
1.198 +.w8 .fs7 { font-family: test900; }
1.199 +.w9 .fs7 { font-family: test900; }
1.200 +
1.201 +.w1 .fs8 { font-family: test500; }
1.202 +.w2 .fs8 { font-family: test500; }
1.203 +.w3 .fs8 { font-family: test500; }
1.204 +.w4 .fs8 { font-family: test500; }
1.205 +.w5 .fs8 { font-family: test500; }
1.206 +.w6 .fs8 { font-family: test900; }
1.207 +.w7 .fs8 { font-family: test900; }
1.208 +.w8 .fs8 { font-family: test900; }
1.209 +.w9 .fs8 { font-family: test900; }
1.210 +
1.211 +.w1 .fs9 { font-family: test500; }
1.212 +.w2 .fs9 { font-family: test500; }
1.213 +.w3 .fs9 { font-family: test500; }
1.214 +.w4 .fs9 { font-family: test500; }
1.215 +.w5 .fs9 { font-family: test500; }
1.216 +.w6 .fs9 { font-family: test900; }
1.217 +.w7 .fs9 { font-family: test900; }
1.218 +.w8 .fs9 { font-family: test900; }
1.219 +.w9 .fs9 { font-family: test900; }
1.220 +
1.221 +</style>
1.222 +</head>
1.223 +<body>
1.224 +
1.225 +<p>Font family with ultra-condensed 100, 400, condensed 200, 800 and expanded 500, 900</p>
1.226 +
1.227 +<table>
1.228 +<thead>
1.229 +<th></th>
1.230 +<th class="red">1</th>
1.231 +<th>2</th>
1.232 +<th class="red">3</th>
1.233 +<th>4</th>
1.234 +<th>5</th>
1.235 +<th>6</th>
1.236 +<th class="red">7</th>
1.237 +<th>8</th>
1.238 +<th>9</th>
1.239 +</thead>
1.240 +<tr class="w1">
1.241 +<th>100</th>
1.242 +<td class="fs1"><span>か</span></td>
1.243 +<td class="fs2"><span>か</span></td>
1.244 +<td class="fs3"><span>か</span></td>
1.245 +<td class="fs4"><span>か</span></td>
1.246 +<td class="fs5"><span>か</span></td>
1.247 +<td class="fs6"><span>か</span></td>
1.248 +<td class="fs7"><span>か</span></td>
1.249 +<td class="fs8"><span>か</span></td>
1.250 +<td class="fs9"><span>か</span></td>
1.251 +</tr>
1.252 +<tr class="w2">
1.253 +<th>200</th>
1.254 +<td class="fs1"><span>か</span></td>
1.255 +<td class="fs2"><span>か</span></td>
1.256 +<td class="fs3"><span>か</span></td>
1.257 +<td class="fs4"><span>か</span></td>
1.258 +<td class="fs5"><span>か</span></td>
1.259 +<td class="fs6"><span>か</span></td>
1.260 +<td class="fs7"><span>か</span></td>
1.261 +<td class="fs8"><span>か</span></td>
1.262 +<td class="fs9"><span>か</span></td>
1.263 +</tr>
1.264 +<tr class="w3">
1.265 +<th>300</th>
1.266 +<td class="fs1"><span>か</span></td>
1.267 +<td class="fs2"><span>か</span></td>
1.268 +<td class="fs3"><span>か</span></td>
1.269 +<td class="fs4"><span>か</span></td>
1.270 +<td class="fs5"><span>か</span></td>
1.271 +<td class="fs6"><span>か</span></td>
1.272 +<td class="fs7"><span>か</span></td>
1.273 +<td class="fs8"><span>か</span></td>
1.274 +<td class="fs9"><span>か</span></td>
1.275 +</tr>
1.276 +<tr class="w4">
1.277 +<th>400</th>
1.278 +<td class="fs1"><span>か</span></td>
1.279 +<td class="fs2"><span>か</span></td>
1.280 +<td class="fs3"><span>か</span></td>
1.281 +<td class="fs4"><span>か</span></td>
1.282 +<td class="fs5"><span>か</span></td>
1.283 +<td class="fs6"><span>か</span></td>
1.284 +<td class="fs7"><span>か</span></td>
1.285 +<td class="fs8"><span>か</span></td>
1.286 +<td class="fs9"><span>か</span></td>
1.287 +</tr>
1.288 +<tr class="w5">
1.289 +<th>500</th>
1.290 +<td class="fs1"><span>か</span></td>
1.291 +<td class="fs2"><span>か</span></td>
1.292 +<td class="fs3"><span>か</span></td>
1.293 +<td class="fs4"><span>か</span></td>
1.294 +<td class="fs5"><span>か</span></td>
1.295 +<td class="fs6"><span>か</span></td>
1.296 +<td class="fs7"><span>か</span></td>
1.297 +<td class="fs8"><span>か</span></td>
1.298 +<td class="fs9"><span>か</span></td>
1.299 +</tr>
1.300 +<tr class="w6">
1.301 +<th>600</th>
1.302 +<td class="fs1"><span>か</span></td>
1.303 +<td class="fs2"><span>か</span></td>
1.304 +<td class="fs3"><span>か</span></td>
1.305 +<td class="fs4"><span>か</span></td>
1.306 +<td class="fs5"><span>か</span></td>
1.307 +<td class="fs6"><span>か</span></td>
1.308 +<td class="fs7"><span>か</span></td>
1.309 +<td class="fs8"><span>か</span></td>
1.310 +<td class="fs9"><span>か</span></td>
1.311 +</tr>
1.312 +<tr class="w7">
1.313 +<th>700</th>
1.314 +<td class="fs1"><span>か</span></td>
1.315 +<td class="fs2"><span>か</span></td>
1.316 +<td class="fs3"><span>か</span></td>
1.317 +<td class="fs4"><span>か</span></td>
1.318 +<td class="fs5"><span>か</span></td>
1.319 +<td class="fs6"><span>か</span></td>
1.320 +<td class="fs7"><span>か</span></td>
1.321 +<td class="fs8"><span>か</span></td>
1.322 +<td class="fs9"><span>か</span></td>
1.323 +</tr>
1.324 +<tr class="w8">
1.325 +<th>800</th>
1.326 +<td class="fs1"><span>か</span></td>
1.327 +<td class="fs2"><span>か</span></td>
1.328 +<td class="fs3"><span>か</span></td>
1.329 +<td class="fs4"><span>か</span></td>
1.330 +<td class="fs5"><span>か</span></td>
1.331 +<td class="fs6"><span>か</span></td>
1.332 +<td class="fs7"><span>か</span></td>
1.333 +<td class="fs8"><span>か</span></td>
1.334 +<td class="fs9"><span>か</span></td>
1.335 +</tr>
1.336 +<tr class="w9">
1.337 +<th>900</th>
1.338 +<td class="fs1"><span>か</span></td>
1.339 +<td class="fs2"><span>か</span></td>
1.340 +<td class="fs3"><span>か</span></td>
1.341 +<td class="fs4"><span>か</span></td>
1.342 +<td class="fs5"><span>か</span></td>
1.343 +<td class="fs6"><span>か</span></td>
1.344 +<td class="fs7"><span>か</span></td>
1.345 +<td class="fs8"><span>か</span></td>
1.346 +<td class="fs9"><span>か</span></td>
1.347 +</tr>
1.348 +</table>
1.349 +
1.350 +</body>
1.351 +</html>
