1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/font-matching/stretchmapping-all-ref.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,366 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html> 1.6 +<head> 1.7 +<title>font-stretch matching 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: Calibri, Verdana, sans-serif; 1.15 +} 1.16 + 1.17 +p { margin: 0; padding: 0; } 1.18 + 1.19 +table { 1.20 + border-collapse: collapse; 1.21 +} 1.22 + 1.23 +th { 1.24 + font-weight: normal; 1.25 + background-color: #eee; 1.26 +} 1.27 + 1.28 +th, td { width: 3em; text-align: left; } 1.29 +tr th { text-align: left; } 1.30 + 1.31 +.fstest-full { font-family: fstest-full; } 1.32 + 1.33 +@font-face { 1.34 + font-family: fstest-full; 1.35 + src: url(../fonts/csstest-widths-wd1.ttf); 1.36 + font-stretch: ultra-condensed; 1.37 +} 1.38 + 1.39 +@font-face { 1.40 + font-family: fstest-full; 1.41 + src: url(../fonts/csstest-widths-wd2.ttf); 1.42 + font-stretch: extra-condensed; 1.43 +} 1.44 + 1.45 +@font-face { 1.46 + font-family: fstest-full; 1.47 + src: url(../fonts/csstest-widths-wd3.ttf); 1.48 + font-stretch: condensed; 1.49 +} 1.50 + 1.51 +@font-face { 1.52 + font-family: fstest-full; 1.53 + src: url(../fonts/csstest-widths-wd4.ttf); 1.54 + font-stretch: semi-condensed; 1.55 +} 1.56 + 1.57 +@font-face { 1.58 + font-family: fstest-full; 1.59 + src: url(../fonts/csstest-widths-wd5.ttf); 1.60 + font-stretch: normal; 1.61 +} 1.62 + 1.63 +@font-face { 1.64 + font-family: fstest-full; 1.65 + src: url(../fonts/csstest-widths-wd6.ttf); 1.66 + font-stretch: semi-expanded; 1.67 +} 1.68 + 1.69 +@font-face { 1.70 + font-family: fstest-full; 1.71 + src: url(../fonts/csstest-widths-wd7.ttf); 1.72 + font-stretch: expanded; 1.73 +} 1.74 + 1.75 +@font-face { 1.76 + font-family: fstest-full; 1.77 + src: url(../fonts/csstest-widths-wd8.ttf); 1.78 + font-stretch: extra-expanded; 1.79 +} 1.80 + 1.81 +@font-face { 1.82 + font-family: fstest-full; 1.83 + src: url(../fonts/csstest-widths-wd9.ttf); 1.84 + font-stretch: ultra-expanded; 1.85 +} 1.86 + 1.87 +.fstest-1-3 { font-family: fstest-1-3; } 1.88 + 1.89 +@font-face { 1.90 + font-family: fstest-1-3; 1.91 + src: url(../fonts/csstest-widths-wd1.ttf); 1.92 + font-stretch: ultra-condensed; 1.93 +} 1.94 + 1.95 +@font-face { 1.96 + font-family: fstest-1-3; 1.97 + src: url(../fonts/csstest-widths-wd3.ttf); 1.98 + font-stretch: condensed; 1.99 +} 1.100 + 1.101 +.fstest-1-4 { font-family: fstest-1-4; } 1.102 + 1.103 +@font-face { 1.104 + font-family: fstest-1-4; 1.105 + src: url(../fonts/csstest-widths-wd1.ttf); 1.106 + font-stretch: ultra-condensed; 1.107 +} 1.108 + 1.109 +@font-face { 1.110 + font-family: fstest-1-4; 1.111 + src: url(../fonts/csstest-widths-wd4.ttf); 1.112 + font-stretch: semi-condensed; 1.113 +} 1.114 + 1.115 +.fstest-1-5 { font-family: fstest-1-5; } 1.116 + 1.117 +@font-face { 1.118 + font-family: fstest-1-5; 1.119 + src: url(../fonts/csstest-widths-wd1.ttf); 1.120 + font-stretch: ultra-condensed; 1.121 +} 1.122 + 1.123 +@font-face { 1.124 + font-family: fstest-1-5; 1.125 + src: url(../fonts/csstest-widths-wd5.ttf); 1.126 + font-stretch: normal; 1.127 +} 1.128 + 1.129 +.fstest-2-6 { font-family: fstest-2-6; } 1.130 + 1.131 +@font-face { 1.132 + font-family: fstest-2-6; 1.133 + src: url(../fonts/csstest-widths-wd2.ttf); 1.134 + font-stretch: extra-condensed; 1.135 +} 1.136 + 1.137 +@font-face { 1.138 + font-family: fstest-2-6; 1.139 + src: url(../fonts/csstest-widths-wd6.ttf); 1.140 + font-stretch: semi-expanded; 1.141 +} 1.142 + 1.143 +.fstest-4-6 { font-family: fstest-4-6; } 1.144 + 1.145 +@font-face { 1.146 + font-family: fstest-4-6; 1.147 + src: url(../fonts/csstest-widths-wd4.ttf); 1.148 + font-stretch: semi-condensed; 1.149 +} 1.150 + 1.151 +@font-face { 1.152 + font-family: fstest-4-6; 1.153 + src: url(../fonts/csstest-widths-wd6.ttf); 1.154 + font-stretch: semi-expanded; 1.155 +} 1.156 + 1.157 +.fstest-4-7 { font-family: fstest-4-7; } 1.158 + 1.159 +@font-face { 1.160 + font-family: fstest-4-7; 1.161 + src: url(../fonts/csstest-widths-wd4.ttf); 1.162 + font-stretch: semi-condensed; 1.163 +} 1.164 + 1.165 +@font-face { 1.166 + font-family: fstest-4-7; 1.167 + src: url(../fonts/csstest-widths-wd7.ttf); 1.168 + font-stretch: expanded; 1.169 +} 1.170 + 1.171 +.fstest-6-7 { font-family: fstest-6-7; } 1.172 + 1.173 +@font-face { 1.174 + font-family: fstest-6-7; 1.175 + src: url(../fonts/csstest-widths-wd6.ttf); 1.176 + font-stretch: semi-expanded; 1.177 +} 1.178 + 1.179 +@font-face { 1.180 + font-family: fstest-6-7; 1.181 + src: url(../fonts/csstest-widths-wd7.ttf); 1.182 + font-stretch: expanded; 1.183 +} 1.184 + 1.185 +.fstest-7-9 { font-family: fstest-7-9; } 1.186 + 1.187 +@font-face { 1.188 + font-family: fstest-7-9; 1.189 + src: url(../fonts/csstest-widths-wd7.ttf); 1.190 + font-stretch: expanded; 1.191 +} 1.192 + 1.193 +@font-face { 1.194 + font-family: fstest-7-9; 1.195 + src: url(../fonts/csstest-widths-wd9.ttf); 1.196 + font-stretch: ultra-expanded; 1.197 +} 1.198 + 1.199 +.fstest-8-9 { font-family: fstest-8-9; } 1.200 + 1.201 +@font-face { 1.202 + font-family: fstest-8-9; 1.203 + src: url(../fonts/csstest-widths-wd8.ttf); 1.204 + font-stretch: extra-expanded; 1.205 +} 1.206 + 1.207 +@font-face { 1.208 + font-family: fstest-8-9; 1.209 + src: url(../fonts/csstest-widths-wd9.ttf); 1.210 + font-stretch: ultra-expanded; 1.211 +} 1.212 + 1.213 +.fs1 { font-stretch: ultra-condensed; } 1.214 +.fs2 { font-stretch: extra-condensed; } 1.215 +.fs3 { font-stretch: condensed; } 1.216 +.fs4 { font-stretch: semi-condensed; } 1.217 +.fs5 { font-stretch: normal; } 1.218 +.fs6 { font-stretch: semi-expanded; } 1.219 +.fs7 { font-stretch: expanded; } 1.220 +.fs8 { font-stretch: extra-expanded; } 1.221 +.fs9 { font-stretch: ultra-expanded; } 1.222 + 1.223 +</style> 1.224 + 1.225 +<script type="text/javascript"> 1.226 + 1.227 +</script> 1.228 + 1.229 +</head> 1.230 +<body> 1.231 + 1.232 +<p>font-stretch mapping with different font family sets</p> 1.233 +<p>(only numbers should appear in the body of the table)</p> 1.234 + 1.235 +<table> 1.236 +<thead> 1.237 +<th>width</th> 1.238 +<th>full</th> 1.239 +<th>1-3</th> 1.240 +<th>1-4</th> 1.241 +<th>1-5</th> 1.242 +<th>2-6</th> 1.243 +<th>4-6</th> 1.244 +<th>4-7</th> 1.245 +<th>6-7</th> 1.246 +<th>7-9</th> 1.247 +<th>8-9</th> 1.248 +</thead> 1.249 +<tr class="fs1"> 1.250 +<th>1</th> 1.251 +<td class="fstest-full">1</td> 1.252 +<td class="fstest-1-3">1</td> 1.253 +<td class="fstest-1-4">1</td> 1.254 +<td class="fstest-1-5">1</td> 1.255 +<td class="fstest-2-6">2</td> 1.256 +<td class="fstest-4-6">4</td> 1.257 +<td class="fstest-4-7">4</td> 1.258 +<td class="fstest-6-7">6</td> 1.259 +<td class="fstest-7-9">7</td> 1.260 +<td class="fstest-8-9">8</td> 1.261 +</tr> 1.262 +<tr class="fs2"> 1.263 +<th>2</th> 1.264 +<td class="fstest-full">2</td> 1.265 +<td class="fstest-1-3">1</td> 1.266 +<td class="fstest-1-4">1</td> 1.267 +<td class="fstest-1-5">1</td> 1.268 +<td class="fstest-2-6">2</td> 1.269 +<td class="fstest-4-6">4</td> 1.270 +<td class="fstest-4-7">4</td> 1.271 +<td class="fstest-6-7">6</td> 1.272 +<td class="fstest-7-9">7</td> 1.273 +<td class="fstest-8-9">8</td> 1.274 +</tr> 1.275 +<tr class="fs3"> 1.276 +<th>3</th> 1.277 +<td class="fstest-full">3</td> 1.278 +<td class="fstest-1-3">3</td> 1.279 +<td class="fstest-1-4">1</td> 1.280 +<td class="fstest-1-5">1</td> 1.281 +<td class="fstest-2-6">2</td> 1.282 +<td class="fstest-4-6">4</td> 1.283 +<td class="fstest-4-7">4</td> 1.284 +<td class="fstest-6-7">6</td> 1.285 +<td class="fstest-7-9">7</td> 1.286 +<td class="fstest-8-9">8</td> 1.287 +</tr> 1.288 +<tr class="fs4"> 1.289 +<th>4</th> 1.290 +<td class="fstest-full">4</td> 1.291 +<td class="fstest-1-3">3</td> 1.292 +<td class="fstest-1-4">4</td> 1.293 +<td class="fstest-1-5">1</td> 1.294 +<td class="fstest-2-6">2</td> 1.295 +<td class="fstest-4-6">4</td> 1.296 +<td class="fstest-4-7">4</td> 1.297 +<td class="fstest-6-7">6</td> 1.298 +<td class="fstest-7-9">7</td> 1.299 +<td class="fstest-8-9">8</td> 1.300 +</tr> 1.301 +<tr class="fs5"> 1.302 +<th>5</th> 1.303 +<td class="fstest-full">5</td> 1.304 +<td class="fstest-1-3">3</td> 1.305 +<td class="fstest-1-4">4</td> 1.306 +<td class="fstest-1-5">5</td> 1.307 +<td class="fstest-2-6">2</td> 1.308 +<td class="fstest-4-6">4</td> 1.309 +<td class="fstest-4-7">4</td> 1.310 +<td class="fstest-6-7">6</td> 1.311 +<td class="fstest-7-9">7</td> 1.312 +<td class="fstest-8-9">8</td> 1.313 +</tr> 1.314 +<tr class="fs6"> 1.315 +<th>6</th> 1.316 +<td class="fstest-full">6</td> 1.317 +<td class="fstest-1-3">3</td> 1.318 +<td class="fstest-1-4">4</td> 1.319 +<td class="fstest-1-5">5</td> 1.320 +<td class="fstest-2-6">6</td> 1.321 +<td class="fstest-4-6">6</td> 1.322 +<td class="fstest-4-7">7</td> 1.323 +<td class="fstest-6-7">6</td> 1.324 +<td class="fstest-7-9">7</td> 1.325 +<td class="fstest-8-9">8</td> 1.326 +</tr> 1.327 +<tr class="fs7"> 1.328 +<th>7</th> 1.329 +<td class="fstest-full">7</td> 1.330 +<td class="fstest-1-3">3</td> 1.331 +<td class="fstest-1-4">4</td> 1.332 +<td class="fstest-1-5">5</td> 1.333 +<td class="fstest-2-6">6</td> 1.334 +<td class="fstest-4-6">6</td> 1.335 +<td class="fstest-4-7">7</td> 1.336 +<td class="fstest-6-7">7</td> 1.337 +<td class="fstest-7-9">7</td> 1.338 +<td class="fstest-8-9">8</td> 1.339 +</tr> 1.340 +<tr class="fs8"> 1.341 +<th>8</th> 1.342 +<td class="fstest-full">8</td> 1.343 +<td class="fstest-1-3">3</td> 1.344 +<td class="fstest-1-4">4</td> 1.345 +<td class="fstest-1-5">5</td> 1.346 +<td class="fstest-2-6">6</td> 1.347 +<td class="fstest-4-6">6</td> 1.348 +<td class="fstest-4-7">7</td> 1.349 +<td class="fstest-6-7">7</td> 1.350 +<td class="fstest-7-9">9</td> 1.351 +<td class="fstest-8-9">8</td> 1.352 +</tr> 1.353 +<tr class="fs9"> 1.354 +<th>9</th> 1.355 +<td class="fstest-full">9</td> 1.356 +<td class="fstest-1-3">3</td> 1.357 +<td class="fstest-1-4">4</td> 1.358 +<td class="fstest-1-5">5</td> 1.359 +<td class="fstest-2-6">6</td> 1.360 +<td class="fstest-4-6">6</td> 1.361 +<td class="fstest-4-7">7</td> 1.362 +<td class="fstest-6-7">7</td> 1.363 +<td class="fstest-7-9">9</td> 1.364 +<td class="fstest-8-9">9</td> 1.365 +</tr> 1.366 +</table> 1.367 + 1.368 +</body> 1.369 +</html> 1.370 \ No newline at end of file