1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/font-matching/stretchmapping-137.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,268 @@
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 +.fs1 { font-stretch: ultra-condensed; }
1.132 +.fs2 { font-stretch: extra-condensed; }
1.133 +.fs3 { font-stretch: condensed; }
1.134 +.fs4 { font-stretch: semi-condensed; }
1.135 +.fs5 { font-stretch: normal; }
1.136 +.fs6 { font-stretch: semi-expanded; }
1.137 +.fs7 { font-stretch: expanded; }
1.138 +.fs8 { font-stretch: extra-expanded; }
1.139 +.fs9 { font-stretch: ultra-expanded; }
1.140 +
1.141 +</style>
1.142 +</head>
1.143 +<body>
1.144 +
1.145 +<p>Font family with ultra-condensed 100, 400, condensed 200, 800 and expanded 500, 900</p>
1.146 +
1.147 +<table>
1.148 +<thead>
1.149 +<th></th>
1.150 +<th class="red">1</th>
1.151 +<th>2</th>
1.152 +<th class="red">3</th>
1.153 +<th>4</th>
1.154 +<th>5</th>
1.155 +<th>6</th>
1.156 +<th class="red">7</th>
1.157 +<th>8</th>
1.158 +<th>9</th>
1.159 +</thead>
1.160 +<tr class="w1">
1.161 +<th>100</th>
1.162 +<td class="fs1"><span>か</span></td>
1.163 +<td class="fs2"><span>か</span></td>
1.164 +<td class="fs3"><span>か</span></td>
1.165 +<td class="fs4"><span>か</span></td>
1.166 +<td class="fs5"><span>か</span></td>
1.167 +<td class="fs6"><span>か</span></td>
1.168 +<td class="fs7"><span>か</span></td>
1.169 +<td class="fs8"><span>か</span></td>
1.170 +<td class="fs9"><span>か</span></td>
1.171 +</tr>
1.172 +<tr class="w2">
1.173 +<th>200</th>
1.174 +<td class="fs1"><span>か</span></td>
1.175 +<td class="fs2"><span>か</span></td>
1.176 +<td class="fs3"><span>か</span></td>
1.177 +<td class="fs4"><span>か</span></td>
1.178 +<td class="fs5"><span>か</span></td>
1.179 +<td class="fs6"><span>か</span></td>
1.180 +<td class="fs7"><span>か</span></td>
1.181 +<td class="fs8"><span>か</span></td>
1.182 +<td class="fs9"><span>か</span></td>
1.183 +</tr>
1.184 +<tr class="w3">
1.185 +<th>300</th>
1.186 +<td class="fs1"><span>か</span></td>
1.187 +<td class="fs2"><span>か</span></td>
1.188 +<td class="fs3"><span>か</span></td>
1.189 +<td class="fs4"><span>か</span></td>
1.190 +<td class="fs5"><span>か</span></td>
1.191 +<td class="fs6"><span>か</span></td>
1.192 +<td class="fs7"><span>か</span></td>
1.193 +<td class="fs8"><span>か</span></td>
1.194 +<td class="fs9"><span>か</span></td>
1.195 +</tr>
1.196 +<tr class="w4">
1.197 +<th>400</th>
1.198 +<td class="fs1"><span>か</span></td>
1.199 +<td class="fs2"><span>か</span></td>
1.200 +<td class="fs3"><span>か</span></td>
1.201 +<td class="fs4"><span>か</span></td>
1.202 +<td class="fs5"><span>か</span></td>
1.203 +<td class="fs6"><span>か</span></td>
1.204 +<td class="fs7"><span>か</span></td>
1.205 +<td class="fs8"><span>か</span></td>
1.206 +<td class="fs9"><span>か</span></td>
1.207 +</tr>
1.208 +<tr class="w5">
1.209 +<th>500</th>
1.210 +<td class="fs1"><span>か</span></td>
1.211 +<td class="fs2"><span>か</span></td>
1.212 +<td class="fs3"><span>か</span></td>
1.213 +<td class="fs4"><span>か</span></td>
1.214 +<td class="fs5"><span>か</span></td>
1.215 +<td class="fs6"><span>か</span></td>
1.216 +<td class="fs7"><span>か</span></td>
1.217 +<td class="fs8"><span>か</span></td>
1.218 +<td class="fs9"><span>か</span></td>
1.219 +</tr>
1.220 +<tr class="w6">
1.221 +<th>600</th>
1.222 +<td class="fs1"><span>か</span></td>
1.223 +<td class="fs2"><span>か</span></td>
1.224 +<td class="fs3"><span>か</span></td>
1.225 +<td class="fs4"><span>か</span></td>
1.226 +<td class="fs5"><span>か</span></td>
1.227 +<td class="fs6"><span>か</span></td>
1.228 +<td class="fs7"><span>か</span></td>
1.229 +<td class="fs8"><span>か</span></td>
1.230 +<td class="fs9"><span>か</span></td>
1.231 +</tr>
1.232 +<tr class="w7">
1.233 +<th>700</th>
1.234 +<td class="fs1"><span>か</span></td>
1.235 +<td class="fs2"><span>か</span></td>
1.236 +<td class="fs3"><span>か</span></td>
1.237 +<td class="fs4"><span>か</span></td>
1.238 +<td class="fs5"><span>か</span></td>
1.239 +<td class="fs6"><span>か</span></td>
1.240 +<td class="fs7"><span>か</span></td>
1.241 +<td class="fs8"><span>か</span></td>
1.242 +<td class="fs9"><span>か</span></td>
1.243 +</tr>
1.244 +<tr class="w8">
1.245 +<th>800</th>
1.246 +<td class="fs1"><span>か</span></td>
1.247 +<td class="fs2"><span>か</span></td>
1.248 +<td class="fs3"><span>か</span></td>
1.249 +<td class="fs4"><span>か</span></td>
1.250 +<td class="fs5"><span>か</span></td>
1.251 +<td class="fs6"><span>か</span></td>
1.252 +<td class="fs7"><span>か</span></td>
1.253 +<td class="fs8"><span>か</span></td>
1.254 +<td class="fs9"><span>か</span></td>
1.255 +</tr>
1.256 +<tr class="w9">
1.257 +<th>900</th>
1.258 +<td class="fs1"><span>か</span></td>
1.259 +<td class="fs2"><span>か</span></td>
1.260 +<td class="fs3"><span>か</span></td>
1.261 +<td class="fs4"><span>か</span></td>
1.262 +<td class="fs5"><span>か</span></td>
1.263 +<td class="fs6"><span>か</span></td>
1.264 +<td class="fs7"><span>か</span></td>
1.265 +<td class="fs8"><span>か</span></td>
1.266 +<td class="fs9"><span>か</span></td>
1.267 +</tr>
1.268 +</table>
1.269 +
1.270 +</body>
1.271 +</html>
