1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/font-matching/stretchmapping-35-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,320 @@
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-light.ttf);
1.46 + font-weight: 200;
1.47 +}
1.48 +
1.49 +@font-face {
1.50 + font-family: test;
1.51 + src: url(../fonts/mplus/mplus-1p-medium.ttf);
1.52 + font-weight: 500;
1.53 +}
1.54 +
1.55 +@font-face {
1.56 + font-family: test;
1.57 + src: url(../fonts/mplus/mplus-1p-thin.ttf);
1.58 + font-weight: 100;
1.59 + font-stretch: condensed;
1.60 +}
1.61 +
1.62 +@font-face {
1.63 + font-family: test;
1.64 + src: url(../fonts/mplus/mplus-1p-black.ttf);
1.65 + font-weight: 900;
1.66 + font-stretch: condensed;
1.67 +}
1.68 +
1.69 +@font-face {
1.70 + font-family: test100;
1.71 + src: url(../fonts/mplus/mplus-1p-thin.ttf);
1.72 + font-weight: 100;
1.73 +}
1.74 +
1.75 +@font-face {
1.76 + font-family: test200;
1.77 + src: url(../fonts/mplus/mplus-1p-light.ttf);
1.78 + font-weight: 200;
1.79 +}
1.80 +
1.81 +@font-face {
1.82 + font-family: test500;
1.83 + src: url(../fonts/mplus/mplus-1p-medium.ttf);
1.84 + font-weight: 500;
1.85 +}
1.86 +
1.87 +@font-face {
1.88 + font-family: test900;
1.89 + src: url(../fonts/mplus/mplus-1p-black.ttf);
1.90 + font-weight: 900;
1.91 +}
1.92 +
1.93 +.w1 { font-weight: 100; }
1.94 +.w2 { font-weight: 200; }
1.95 +.w3 { font-weight: 300; }
1.96 +.w4 { font-weight: 400; }
1.97 +.w5 { font-weight: 500; }
1.98 +.w6 { font-weight: 600; }
1.99 +.w7 { font-weight: 700; }
1.100 +.w8 { font-weight: 800; }
1.101 +.w9 { font-weight: 900; }
1.102 +
1.103 +.w1 .fs1 { font-family: test100; }
1.104 +.w2 .fs1 { font-family: test100; }
1.105 +.w3 .fs1 { font-family: test100; }
1.106 +.w4 .fs1 { font-family: test100; }
1.107 +.w5 .fs1 { font-family: test100; }
1.108 +.w6 .fs1 { font-family: test900; }
1.109 +.w7 .fs1 { font-family: test900; }
1.110 +.w8 .fs1 { font-family: test900; }
1.111 +.w9 .fs1 { font-family: test900; }
1.112 +
1.113 +.w1 .fs2 { font-family: test100; }
1.114 +.w2 .fs2 { font-family: test100; }
1.115 +.w3 .fs2 { font-family: test100; }
1.116 +.w4 .fs2 { font-family: test100; }
1.117 +.w5 .fs2 { font-family: test100; }
1.118 +.w6 .fs2 { font-family: test900; }
1.119 +.w7 .fs2 { font-family: test900; }
1.120 +.w8 .fs2 { font-family: test900; }
1.121 +.w9 .fs2 { font-family: test900; }
1.122 +
1.123 +.w1 .fs3 { font-family: test100; }
1.124 +.w2 .fs3 { font-family: test100; }
1.125 +.w3 .fs3 { font-family: test100; }
1.126 +.w4 .fs3 { font-family: test100; }
1.127 +.w5 .fs3 { font-family: test100; }
1.128 +.w6 .fs3 { font-family: test900; }
1.129 +.w7 .fs3 { font-family: test900; }
1.130 +.w8 .fs3 { font-family: test900; }
1.131 +.w9 .fs3 { font-family: test900; }
1.132 +
1.133 +.w1 .fs4 { font-family: test100; }
1.134 +.w2 .fs4 { font-family: test100; }
1.135 +.w3 .fs4 { font-family: test100; }
1.136 +.w4 .fs4 { font-family: test100; }
1.137 +.w5 .fs4 { font-family: test100; }
1.138 +.w6 .fs4 { font-family: test900; }
1.139 +.w7 .fs4 { font-family: test900; }
1.140 +.w8 .fs4 { font-family: test900; }
1.141 +.w9 .fs4 { font-family: test900; }
1.142 +
1.143 +.w1 .fs5 { font-family: test200; }
1.144 +.w2 .fs5 { font-family: test200; }
1.145 +.w3 .fs5 { font-family: test200; }
1.146 +.w4 .fs5 { font-family: test500; }
1.147 +.w5 .fs5 { font-family: test500; }
1.148 +.w6 .fs5 { font-family: test500; }
1.149 +.w7 .fs5 { font-family: test500; }
1.150 +.w8 .fs5 { font-family: test500; }
1.151 +.w9 .fs5 { font-family: test500; }
1.152 +
1.153 +.w1 .fs6 { font-family: test200; }
1.154 +.w2 .fs6 { font-family: test200; }
1.155 +.w3 .fs6 { font-family: test200; }
1.156 +.w4 .fs6 { font-family: test500; }
1.157 +.w5 .fs6 { font-family: test500; }
1.158 +.w6 .fs6 { font-family: test500; }
1.159 +.w7 .fs6 { font-family: test500; }
1.160 +.w8 .fs6 { font-family: test500; }
1.161 +.w9 .fs6 { font-family: test500; }
1.162 +
1.163 +.w1 .fs7 { font-family: test200; }
1.164 +.w2 .fs7 { font-family: test200; }
1.165 +.w3 .fs7 { font-family: test200; }
1.166 +.w4 .fs7 { font-family: test500; }
1.167 +.w5 .fs7 { font-family: test500; }
1.168 +.w6 .fs7 { font-family: test500; }
1.169 +.w7 .fs7 { font-family: test500; }
1.170 +.w8 .fs7 { font-family: test500; }
1.171 +.w9 .fs7 { font-family: test500; }
1.172 +
1.173 +.w1 .fs8 { font-family: test200; }
1.174 +.w2 .fs8 { font-family: test200; }
1.175 +.w3 .fs8 { font-family: test200; }
1.176 +.w4 .fs8 { font-family: test500; }
1.177 +.w5 .fs8 { font-family: test500; }
1.178 +.w6 .fs8 { font-family: test500; }
1.179 +.w7 .fs8 { font-family: test500; }
1.180 +.w8 .fs8 { font-family: test500; }
1.181 +.w9 .fs8 { font-family: test500; }
1.182 +
1.183 +.w1 .fs9 { font-family: test200; }
1.184 +.w2 .fs9 { font-family: test200; }
1.185 +.w3 .fs9 { font-family: test200; }
1.186 +.w4 .fs9 { font-family: test500; }
1.187 +.w5 .fs9 { font-family: test500; }
1.188 +.w6 .fs9 { font-family: test500; }
1.189 +.w7 .fs9 { font-family: test500; }
1.190 +.w8 .fs9 { font-family: test500; }
1.191 +.w9 .fs9 { font-family: test500; }
1.192 +
1.193 +</style>
1.194 +</head>
1.195 +<body>
1.196 +
1.197 +<p>Font family with normal width 200, 500 and condensed 100, 900</p>
1.198 +
1.199 +<table>
1.200 +<thead>
1.201 +<th></th>
1.202 +<th>1</th>
1.203 +<th>2</th>
1.204 +<th class="red">3</th>
1.205 +<th>4</th>
1.206 +<th class="red">5</th>
1.207 +<th>6</th>
1.208 +<th>7</th>
1.209 +<th>8</th>
1.210 +<th>9</th>
1.211 +</thead>
1.212 +<tr class="w1">
1.213 +<th>100</th>
1.214 +<td class="fs1"><span>あ</span></td>
1.215 +<td class="fs2"><span>あ</span></td>
1.216 +<td class="fs3"><span>あ</span></td>
1.217 +<td class="fs4"><span>あ</span></td>
1.218 +<td class="fs5"><span>あ</span></td>
1.219 +<td class="fs6"><span>あ</span></td>
1.220 +<td class="fs7"><span>あ</span></td>
1.221 +<td class="fs8"><span>あ</span></td>
1.222 +<td class="fs9"><span>あ</span></td>
1.223 +</tr>
1.224 +<tr class="w2">
1.225 +<th>200</th>
1.226 +<td class="fs1"><span>あ</span></td>
1.227 +<td class="fs2"><span>あ</span></td>
1.228 +<td class="fs3"><span>あ</span></td>
1.229 +<td class="fs4"><span>あ</span></td>
1.230 +<td class="fs5"><span>あ</span></td>
1.231 +<td class="fs6"><span>あ</span></td>
1.232 +<td class="fs7"><span>あ</span></td>
1.233 +<td class="fs8"><span>あ</span></td>
1.234 +<td class="fs9"><span>あ</span></td>
1.235 +</tr>
1.236 +<tr class="w3">
1.237 +<th>300</th>
1.238 +<td class="fs1"><span>あ</span></td>
1.239 +<td class="fs2"><span>あ</span></td>
1.240 +<td class="fs3"><span>あ</span></td>
1.241 +<td class="fs4"><span>あ</span></td>
1.242 +<td class="fs5"><span>あ</span></td>
1.243 +<td class="fs6"><span>あ</span></td>
1.244 +<td class="fs7"><span>あ</span></td>
1.245 +<td class="fs8"><span>あ</span></td>
1.246 +<td class="fs9"><span>あ</span></td>
1.247 +</tr>
1.248 +<tr class="w4">
1.249 +<th>400</th>
1.250 +<td class="fs1"><span>あ</span></td>
1.251 +<td class="fs2"><span>あ</span></td>
1.252 +<td class="fs3"><span>あ</span></td>
1.253 +<td class="fs4"><span>あ</span></td>
1.254 +<td class="fs5"><span>あ</span></td>
1.255 +<td class="fs6"><span>あ</span></td>
1.256 +<td class="fs7"><span>あ</span></td>
1.257 +<td class="fs8"><span>あ</span></td>
1.258 +<td class="fs9"><span>あ</span></td>
1.259 +</tr>
1.260 +<tr class="w5">
1.261 +<th>500</th>
1.262 +<td class="fs1"><span>あ</span></td>
1.263 +<td class="fs2"><span>あ</span></td>
1.264 +<td class="fs3"><span>あ</span></td>
1.265 +<td class="fs4"><span>あ</span></td>
1.266 +<td class="fs5"><span>あ</span></td>
1.267 +<td class="fs6"><span>あ</span></td>
1.268 +<td class="fs7"><span>あ</span></td>
1.269 +<td class="fs8"><span>あ</span></td>
1.270 +<td class="fs9"><span>あ</span></td>
1.271 +</tr>
1.272 +<tr class="w6">
1.273 +<th>600</th>
1.274 +<td class="fs1"><span>あ</span></td>
1.275 +<td class="fs2"><span>あ</span></td>
1.276 +<td class="fs3"><span>あ</span></td>
1.277 +<td class="fs4"><span>あ</span></td>
1.278 +<td class="fs5"><span>あ</span></td>
1.279 +<td class="fs6"><span>あ</span></td>
1.280 +<td class="fs7"><span>あ</span></td>
1.281 +<td class="fs8"><span>あ</span></td>
1.282 +<td class="fs9"><span>あ</span></td>
1.283 +</tr>
1.284 +<tr class="w7">
1.285 +<th>700</th>
1.286 +<td class="fs1"><span>あ</span></td>
1.287 +<td class="fs2"><span>あ</span></td>
1.288 +<td class="fs3"><span>あ</span></td>
1.289 +<td class="fs4"><span>あ</span></td>
1.290 +<td class="fs5"><span>あ</span></td>
1.291 +<td class="fs6"><span>あ</span></td>
1.292 +<td class="fs7"><span>あ</span></td>
1.293 +<td class="fs8"><span>あ</span></td>
1.294 +<td class="fs9"><span>あ</span></td>
1.295 +</tr>
1.296 +<tr class="w8">
1.297 +<th>800</th>
1.298 +<td class="fs1"><span>あ</span></td>
1.299 +<td class="fs2"><span>あ</span></td>
1.300 +<td class="fs3"><span>あ</span></td>
1.301 +<td class="fs4"><span>あ</span></td>
1.302 +<td class="fs5"><span>あ</span></td>
1.303 +<td class="fs6"><span>あ</span></td>
1.304 +<td class="fs7"><span>あ</span></td>
1.305 +<td class="fs8"><span>あ</span></td>
1.306 +<td class="fs9"><span>あ</span></td>
1.307 +</tr>
1.308 +<tr class="w9">
1.309 +<th>900</th>
1.310 +<td class="fs1"><span>あ</span></td>
1.311 +<td class="fs2"><span>あ</span></td>
1.312 +<td class="fs3"><span>あ</span></td>
1.313 +<td class="fs4"><span>あ</span></td>
1.314 +<td class="fs5"><span>あ</span></td>
1.315 +<td class="fs6"><span>あ</span></td>
1.316 +<td class="fs7"><span>あ</span></td>
1.317 +<td class="fs8"><span>あ</span></td>
1.318 +<td class="fs9"><span>あ</span></td>
1.319 +</tr>
1.320 +</table>
1.321 +
1.322 +</body>
1.323 +</html>
