layout/reftests/font-matching/stretchmapping-all-ref.html

changeset 0
6474c204b198
     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

mercurial