1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/font-matching/weightmapping-12-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,222 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 +<title>Weight 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: Futura, Verdana, sans-serif;
1.15 +}
1.16 +
1.17 +h3, h4 { font-weight: normal; }
1.18 +
1.19 +/* make all the spans blocks to avoid influence of what's outside them
1.20 + on line-height calculations */
1.21 +span { display: block; }
1.22 +
1.23 +@font-face {
1.24 + font-family: test;
1.25 + src: url(../fonts/mplus/mplus-1p-thin.ttf);
1.26 + font-weight: 100;
1.27 +}
1.28 +
1.29 +@font-face {
1.30 + font-family: test;
1.31 + src: url(../fonts/mplus/mplus-1p-light.ttf);
1.32 + font-weight: 200;
1.33 +}
1.34 +
1.35 +@font-face {
1.36 + font-family: test100;
1.37 + src: url(../fonts/mplus/mplus-1p-thin.ttf);
1.38 +}
1.39 +
1.40 +@font-face {
1.41 + font-family: test200;
1.42 + src: url(../fonts/mplus/mplus-1p-light.ttf);
1.43 +}
1.44 +
1.45 +table {
1.46 + border-collapse: collapse;
1.47 + font-family: test;
1.48 + font-size: 20px;
1.49 +}
1.50 +
1.51 +td {
1.52 + padding: 0; margin: 0;
1.53 +}
1.54 +
1.55 +th {
1.56 + font-weight: inherit;
1.57 +}
1.58 +
1.59 +.red { color: red; }
1.60 +
1.61 +th.cnor { font-weight: inherit; }
1.62 +th.cbo { font-weight: bolder; }
1.63 +th.cbobo, th.cbobo span { font-weight: bolder; }
1.64 +th.cli { font-weight: lighter; }
1.65 +th.clili, th.clili span { font-weight: lighter; }
1.66 +
1.67 +thead { font-weight: 400; font-size: 75%; }
1.68 +
1.69 +.w1 .clili { font-family: test100; }
1.70 +.w1 .cli { font-family: test100; }
1.71 +.w1 .cnor { font-family: test100; }
1.72 +.w1 .cbo { font-family: test200; }
1.73 +.w1 .cbobo { font-family: test200; font-weight: bold; }
1.74 +
1.75 +.w2 .clili { font-family: test100; }
1.76 +.w2 .cli { font-family: test100; }
1.77 +.w2 .cnor { font-family: test200; }
1.78 +.w2 .cbo { font-family: test200; }
1.79 +.w2 .cbobo { font-family: test200; font-weight: bold; }
1.80 +
1.81 +.w3 .clili { font-family: test100; }
1.82 +.w3 .cli { font-family: test100; }
1.83 +.w3 .cnor { font-family: test200; }
1.84 +.w3 .cbo { font-family: test200; }
1.85 +.w3 .cbobo { font-family: test200; font-weight: bold; }
1.86 +
1.87 +.w4 .clili { font-family: test100; }
1.88 +.w4 .cli { font-family: test100; }
1.89 +.w4 .cnor { font-family: test200; }
1.90 +.w4 .cbo { font-family: test200; font-weight: bold; }
1.91 +.w4 .cbobo { font-family: test200; font-weight: bold; }
1.92 +
1.93 +.w5 .clili { font-family: test100; }
1.94 +.w5 .cli { font-family: test100; }
1.95 +.w5 .cnor { font-family: test200; }
1.96 +.w5 .cbo { font-family: test200; font-weight: bold; }
1.97 +.w5 .cbobo { font-family: test200; font-weight: bold; }
1.98 +
1.99 +.w6 .clili { font-family: test100; }
1.100 +.w6 .cli { font-family: test200; }
1.101 +.w6 .cnor { font-family: test200; font-weight: bold; }
1.102 +.w6 .cbo { font-family: test200; font-weight: bold; }
1.103 +.w6 .cbobo { font-family: test200; font-weight: bold; }
1.104 +
1.105 +.w7 .clili { font-family: test100; }
1.106 +.w7 .cli { font-family: test200; }
1.107 +.w7 .cnor { font-family: test200; font-weight: bold; }
1.108 +.w7 .cbo { font-family: test200; font-weight: bold; }
1.109 +.w7 .cbobo { font-family: test200; font-weight: bold; }
1.110 +
1.111 +.w8 .clili { font-family: test200; }
1.112 +.w8 .cli { font-family: test200; font-weight: bold; }
1.113 +.w8 .cnor { font-family: test200; font-weight: bold; }
1.114 +.w8 .cbo { font-family: test200; font-weight: bold; }
1.115 +.w8 .cbobo { font-family: test200; font-weight: bold; }
1.116 +
1.117 +.w9 .clili { font-family: test200; }
1.118 +.w9 .cli { font-family: test200; font-weight: bold; }
1.119 +.w9 .cnor { font-family: test200; font-weight: bold; }
1.120 +.w9 .cbo { font-family: test200; font-weight: bold; }
1.121 +.w9 .cbobo { font-family: test200; font-weight: bold; }
1.122 +
1.123 +.w1 th { font-weight: 100; }
1.124 +.w2 th { font-weight: 200; }
1.125 +.w3 th { font-weight: 300; }
1.126 +.w4 th { font-weight: 400; }
1.127 +.w5 th { font-weight: 500; }
1.128 +.w6 th { font-weight: 600; }
1.129 +.w7 th { font-weight: 700; }
1.130 +.w8 th { font-weight: 800; }
1.131 +.w9 th { font-weight: 900; }
1.132 +
1.133 +</style>
1.134 +</head>
1.135 +<body>
1.136 +
1.137 +<h3>Font family with 100, 200 weights</h3>
1.138 +
1.139 +<table>
1.140 +<thead>
1.141 +<th></th>
1.142 +<th class="clili"><span>lighter lighter</span></th>
1.143 +<th class="cli"><span>lighter</span></th>
1.144 +<th class="cnor"><span>normal</span></th>
1.145 +<th class="cbo"><span>bolder</span></th>
1.146 +<th class="cbobo"><span>bolder bolder</span></th>
1.147 +</thead>
1.148 +<tr class="w1">
1.149 +<th class="red">100</th>
1.150 +<td class="clili"><span>東京特許許可局</span></td>
1.151 +<td class="cli"><span>東京特許許可局</span></td>
1.152 +<td class="cnor"><span>東京特許許可局</span></td>
1.153 +<td class="cbo"><span>東京特許許可局</span></td>
1.154 +<td class="cbobo"><span>東京特許許可局</span></td>
1.155 +</tr>
1.156 +<tr class="w2">
1.157 +<th class="red">200</th>
1.158 +<td class="clili"><span>東京特許許可局</span></td>
1.159 +<td class="cli"><span>東京特許許可局</span></td>
1.160 +<td class="cnor"><span>東京特許許可局</span></td>
1.161 +<td class="cbo"><span>東京特許許可局</span></td>
1.162 +<td class="cbobo"><span>東京特許許可局</span></td>
1.163 +</tr>
1.164 +<tr class="w3">
1.165 +<th>300</th>
1.166 +<td class="clili"><span>東京特許許可局</span></td>
1.167 +<td class="cli"><span>東京特許許可局</span></td>
1.168 +<td class="cnor"><span>東京特許許可局</span></td>
1.169 +<td class="cbo"><span>東京特許許可局</span></td>
1.170 +<td class="cbobo"><span>東京特許許可局</span></td>
1.171 +</tr>
1.172 +<tr class="w4">
1.173 +<th>400</th>
1.174 +<td class="clili"><span>東京特許許可局</span></td>
1.175 +<td class="cli"><span>東京特許許可局</span></td>
1.176 +<td class="cnor"><span>東京特許許可局</span></td>
1.177 +<td class="cbo"><span>東京特許許可局</span></td>
1.178 +<td class="cbobo"><span>東京特許許可局</span></td>
1.179 +</tr>
1.180 +<tr class="w5">
1.181 +<th>500</th>
1.182 +<td class="clili"><span>東京特許許可局</span></td>
1.183 +<td class="cli"><span>東京特許許可局</span></td>
1.184 +<td class="cnor"><span>東京特許許可局</span></td>
1.185 +<td class="cbo"><span>東京特許許可局</span></td>
1.186 +<td class="cbobo"><span>東京特許許可局</span></td>
1.187 +</tr>
1.188 +<tr class="w6">
1.189 +<th>600</th>
1.190 +<td class="clili"><span>東京特許許可局</span></td>
1.191 +<td class="cli"><span>東京特許許可局</span></td>
1.192 +<td class="cnor"><span>東京特許許可局</span></td>
1.193 +<td class="cbo"><span>東京特許許可局</span></td>
1.194 +<td class="cbobo"><span>東京特許許可局</span></td>
1.195 +</tr>
1.196 +<tr class="w7">
1.197 +<th>700</th>
1.198 +<td class="clili"><span>東京特許許可局</span></td>
1.199 +<td class="cli"><span>東京特許許可局</span></td>
1.200 +<td class="cnor"><span>東京特許許可局</span></td>
1.201 +<td class="cbo"><span>東京特許許可局</span></td>
1.202 +<td class="cbobo"><span>東京特許許可局</span></td>
1.203 +</tr>
1.204 +<tr class="w8">
1.205 +<th>800</th>
1.206 +<td class="clili"><span>東京特許許可局</span></td>
1.207 +<td class="cli"><span>東京特許許可局</span></td>
1.208 +<td class="cnor"><span>東京特許許可局</span></td>
1.209 +<td class="cbo"><span>東京特許許可局</span></td>
1.210 +<td class="cbobo"><span>東京特許許可局</span></td>
1.211 +</tr>
1.212 +<tr class="w9">
1.213 +<th>900</th>
1.214 +<td class="clili"><span>東京特許許可局</span></td>
1.215 +<td class="cli"><span>東京特許許可局</span></td>
1.216 +<td class="cnor"><span>東京特許許可局</span></td>
1.217 +<td class="cbo"><span>東京特許許可局</span></td>
1.218 +<td class="cbobo"><span>東京特許許可局</span></td>
1.219 +</tr>
1.220 +</table>
1.221 +
1.222 +<p>tokyotokkyokyokakyoku</p>
1.223 +
1.224 +</body>
1.225 +</html>
