1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/font-matching/stretchmapping-35.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,240 @@
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 +.fs1 { font-stretch: ultra-condensed; }
1.104 +.fs2 { font-stretch: extra-condensed; }
1.105 +.fs3 { font-stretch: condensed; }
1.106 +.fs4 { font-stretch: semi-condensed; }
1.107 +.fs5 { font-stretch: normal; }
1.108 +.fs6 { font-stretch: semi-expanded; }
1.109 +.fs7 { font-stretch: expanded; }
1.110 +.fs8 { font-stretch: extra-expanded; }
1.111 +.fs9 { font-stretch: ultra-expanded; }
1.112 +
1.113 +</style>
1.114 +</head>
1.115 +<body>
1.116 +
1.117 +<p>Font family with normal width 200, 500 and condensed 100, 900</p>
1.118 +
1.119 +<table>
1.120 +<thead>
1.121 +<th></th>
1.122 +<th>1</th>
1.123 +<th>2</th>
1.124 +<th class="red">3</th>
1.125 +<th>4</th>
1.126 +<th class="red">5</th>
1.127 +<th>6</th>
1.128 +<th>7</th>
1.129 +<th>8</th>
1.130 +<th>9</th>
1.131 +</thead>
1.132 +<tr class="w1">
1.133 +<th>100</th>
1.134 +<td class="fs1"><span>あ</span></td>
1.135 +<td class="fs2"><span>あ</span></td>
1.136 +<td class="fs3"><span>あ</span></td>
1.137 +<td class="fs4"><span>あ</span></td>
1.138 +<td class="fs5"><span>あ</span></td>
1.139 +<td class="fs6"><span>あ</span></td>
1.140 +<td class="fs7"><span>あ</span></td>
1.141 +<td class="fs8"><span>あ</span></td>
1.142 +<td class="fs9"><span>あ</span></td>
1.143 +</tr>
1.144 +<tr class="w2">
1.145 +<th>200</th>
1.146 +<td class="fs1"><span>あ</span></td>
1.147 +<td class="fs2"><span>あ</span></td>
1.148 +<td class="fs3"><span>あ</span></td>
1.149 +<td class="fs4"><span>あ</span></td>
1.150 +<td class="fs5"><span>あ</span></td>
1.151 +<td class="fs6"><span>あ</span></td>
1.152 +<td class="fs7"><span>あ</span></td>
1.153 +<td class="fs8"><span>あ</span></td>
1.154 +<td class="fs9"><span>あ</span></td>
1.155 +</tr>
1.156 +<tr class="w3">
1.157 +<th>300</th>
1.158 +<td class="fs1"><span>あ</span></td>
1.159 +<td class="fs2"><span>あ</span></td>
1.160 +<td class="fs3"><span>あ</span></td>
1.161 +<td class="fs4"><span>あ</span></td>
1.162 +<td class="fs5"><span>あ</span></td>
1.163 +<td class="fs6"><span>あ</span></td>
1.164 +<td class="fs7"><span>あ</span></td>
1.165 +<td class="fs8"><span>あ</span></td>
1.166 +<td class="fs9"><span>あ</span></td>
1.167 +</tr>
1.168 +<tr class="w4">
1.169 +<th>400</th>
1.170 +<td class="fs1"><span>あ</span></td>
1.171 +<td class="fs2"><span>あ</span></td>
1.172 +<td class="fs3"><span>あ</span></td>
1.173 +<td class="fs4"><span>あ</span></td>
1.174 +<td class="fs5"><span>あ</span></td>
1.175 +<td class="fs6"><span>あ</span></td>
1.176 +<td class="fs7"><span>あ</span></td>
1.177 +<td class="fs8"><span>あ</span></td>
1.178 +<td class="fs9"><span>あ</span></td>
1.179 +</tr>
1.180 +<tr class="w5">
1.181 +<th>500</th>
1.182 +<td class="fs1"><span>あ</span></td>
1.183 +<td class="fs2"><span>あ</span></td>
1.184 +<td class="fs3"><span>あ</span></td>
1.185 +<td class="fs4"><span>あ</span></td>
1.186 +<td class="fs5"><span>あ</span></td>
1.187 +<td class="fs6"><span>あ</span></td>
1.188 +<td class="fs7"><span>あ</span></td>
1.189 +<td class="fs8"><span>あ</span></td>
1.190 +<td class="fs9"><span>あ</span></td>
1.191 +</tr>
1.192 +<tr class="w6">
1.193 +<th>600</th>
1.194 +<td class="fs1"><span>あ</span></td>
1.195 +<td class="fs2"><span>あ</span></td>
1.196 +<td class="fs3"><span>あ</span></td>
1.197 +<td class="fs4"><span>あ</span></td>
1.198 +<td class="fs5"><span>あ</span></td>
1.199 +<td class="fs6"><span>あ</span></td>
1.200 +<td class="fs7"><span>あ</span></td>
1.201 +<td class="fs8"><span>あ</span></td>
1.202 +<td class="fs9"><span>あ</span></td>
1.203 +</tr>
1.204 +<tr class="w7">
1.205 +<th>700</th>
1.206 +<td class="fs1"><span>あ</span></td>
1.207 +<td class="fs2"><span>あ</span></td>
1.208 +<td class="fs3"><span>あ</span></td>
1.209 +<td class="fs4"><span>あ</span></td>
1.210 +<td class="fs5"><span>あ</span></td>
1.211 +<td class="fs6"><span>あ</span></td>
1.212 +<td class="fs7"><span>あ</span></td>
1.213 +<td class="fs8"><span>あ</span></td>
1.214 +<td class="fs9"><span>あ</span></td>
1.215 +</tr>
1.216 +<tr class="w8">
1.217 +<th>800</th>
1.218 +<td class="fs1"><span>あ</span></td>
1.219 +<td class="fs2"><span>あ</span></td>
1.220 +<td class="fs3"><span>あ</span></td>
1.221 +<td class="fs4"><span>あ</span></td>
1.222 +<td class="fs5"><span>あ</span></td>
1.223 +<td class="fs6"><span>あ</span></td>
1.224 +<td class="fs7"><span>あ</span></td>
1.225 +<td class="fs8"><span>あ</span></td>
1.226 +<td class="fs9"><span>あ</span></td>
1.227 +</tr>
1.228 +<tr class="w9">
1.229 +<th>900</th>
1.230 +<td class="fs1"><span>あ</span></td>
1.231 +<td class="fs2"><span>あ</span></td>
1.232 +<td class="fs3"><span>あ</span></td>
1.233 +<td class="fs4"><span>あ</span></td>
1.234 +<td class="fs5"><span>あ</span></td>
1.235 +<td class="fs6"><span>あ</span></td>
1.236 +<td class="fs7"><span>あ</span></td>
1.237 +<td class="fs8"><span>あ</span></td>
1.238 +<td class="fs9"><span>あ</span></td>
1.239 +</tr>
1.240 +</table>
1.241 +
1.242 +</body>
1.243 +</html>
