1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/font-matching/weightmapping-12579-ref.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,255 @@ 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: test; 1.37 + src: url(../fonts/mplus/mplus-1p-medium.ttf); 1.38 + font-weight: 500; 1.39 +} 1.40 + 1.41 +@font-face { 1.42 + font-family: test; 1.43 + src: url(../fonts/mplus/mplus-1p-bold.ttf); 1.44 + font-weight: 700; 1.45 +} 1.46 + 1.47 +@font-face { 1.48 + font-family: test; 1.49 + src: url(../fonts/mplus/mplus-1p-black.ttf); 1.50 + font-weight: 900; 1.51 +} 1.52 + 1.53 +@font-face { 1.54 + font-family: test100; 1.55 + src: url(../fonts/mplus/mplus-1p-thin.ttf); 1.56 +} 1.57 + 1.58 +@font-face { 1.59 + font-family: test200; 1.60 + src: url(../fonts/mplus/mplus-1p-light.ttf); 1.61 +} 1.62 + 1.63 +@font-face { 1.64 + font-family: test500; 1.65 + src: url(../fonts/mplus/mplus-1p-medium.ttf); 1.66 +} 1.67 + 1.68 +@font-face { 1.69 + font-family: test700; 1.70 + src: url(../fonts/mplus/mplus-1p-bold.ttf); 1.71 +} 1.72 + 1.73 +@font-face { 1.74 + font-family: test900; 1.75 + src: url(../fonts/mplus/mplus-1p-black.ttf); 1.76 +} 1.77 + 1.78 +table { 1.79 + border-collapse: collapse; 1.80 + font-family: test; 1.81 + font-size: 20px; 1.82 +} 1.83 + 1.84 +td { 1.85 + padding: 0; margin: 0; 1.86 +} 1.87 + 1.88 +th { 1.89 + font-weight: inherit; 1.90 +} 1.91 + 1.92 +.red { color: red; } 1.93 + 1.94 +th.cnor { font-weight: inherit; } 1.95 +th.cbo { font-weight: bolder; } 1.96 +th.cbobo, th.cbobo span { font-weight: bolder; } 1.97 +th.cli { font-weight: lighter; } 1.98 +th.clili, th.clili span { font-weight: lighter; } 1.99 + 1.100 +thead { font-weight: 400; font-size: 75%; } 1.101 + 1.102 +.w1 .clili { font-family: test100; } 1.103 +.w1 .cli { font-family: test100; } 1.104 +.w1 .cnor { font-family: test100; } 1.105 +.w1 .cbo { font-family: test500; } 1.106 +.w1 .cbobo { font-family: test700; } 1.107 + 1.108 +.w2 .clili { font-family: test100; } 1.109 +.w2 .cli { font-family: test100; } 1.110 +.w2 .cnor { font-family: test200; } 1.111 +.w2 .cbo { font-family: test500; } 1.112 +.w2 .cbobo { font-family: test700; } 1.113 + 1.114 +.w3 .clili { font-family: test100; } 1.115 +.w3 .cli { font-family: test100; } 1.116 +.w3 .cnor { font-family: test200; } 1.117 +.w3 .cbo { font-family: test500; } 1.118 +.w3 .cbobo { font-family: test700; } 1.119 + 1.120 +.w4 .clili { font-family: test100; } 1.121 +.w4 .cli { font-family: test100; } 1.122 +.w4 .cnor { font-family: test500; } 1.123 +.w4 .cbo { font-family: test700; } 1.124 +.w4 .cbobo { font-family: test900; } 1.125 + 1.126 +.w5 .clili { font-family: test100; } 1.127 +.w5 .cli { font-family: test100; } 1.128 +.w5 .cnor { font-family: test500; } 1.129 +.w5 .cbo { font-family: test700; } 1.130 +.w5 .cbobo { font-family: test900; } 1.131 + 1.132 +.w6 .clili { font-family: test100; } 1.133 +.w6 .cli { font-family: test500; } 1.134 +.w6 .cnor { font-family: test700; } 1.135 +.w6 .cbo { font-family: test900; } 1.136 +.w6 .cbobo { font-family: test900; } 1.137 + 1.138 +.w7 .clili { font-family: test100; } 1.139 +.w7 .cli { font-family: test500; } 1.140 +.w7 .cnor { font-family: test700; } 1.141 +.w7 .cbo { font-family: test900; } 1.142 +.w7 .cbobo { font-family: test900; } 1.143 + 1.144 +.w8 .clili { font-family: test500; } 1.145 +.w8 .cli { font-family: test700; } 1.146 +.w8 .cnor { font-family: test900; } 1.147 +.w8 .cbo { font-family: test900; } 1.148 +.w8 .cbobo { font-family: test900; } 1.149 + 1.150 +.w9 .clili { font-family: test500; } 1.151 +.w9 .cli { font-family: test700; } 1.152 +.w9 .cnor { font-family: test900; } 1.153 +.w9 .cbo { font-family: test900; } 1.154 +.w9 .cbobo { font-family: test900; } 1.155 + 1.156 +.w1 th { font-weight: 100; } 1.157 +.w2 th { font-weight: 200; } 1.158 +.w3 th { font-weight: 300; } 1.159 +.w4 th { font-weight: 400; } 1.160 +.w5 th { font-weight: 500; } 1.161 +.w6 th { font-weight: 600; } 1.162 +.w7 th { font-weight: 700; } 1.163 +.w8 th { font-weight: 800; } 1.164 +.w9 th { font-weight: 900; } 1.165 + 1.166 +</style> 1.167 +</head> 1.168 +<body> 1.169 + 1.170 +<h3>Font family with 100, 200, 500, 700, 900 weights</h3> 1.171 + 1.172 +<table> 1.173 +<thead> 1.174 +<th></th> 1.175 +<th class="clili"><span>lighter lighter</span></th> 1.176 +<th class="cli"><span>lighter</span></th> 1.177 +<th class="cnor"><span>normal</span></th> 1.178 +<th class="cbo"><span>bolder</span></th> 1.179 +<th class="cbobo"><span>bolder bolder</span></th> 1.180 +</thead> 1.181 +<tr class="w1"> 1.182 +<th class="red">100</th> 1.183 +<td class="clili"><span>東京特許許可局</span></td> 1.184 +<td class="cli"><span>東京特許許可局</span></td> 1.185 +<td class="cnor"><span>東京特許許可局</span></td> 1.186 +<td class="cbo"><span>東京特許許可局</span></td> 1.187 +<td class="cbobo"><span>東京特許許可局</span></td> 1.188 +</tr> 1.189 +<tr class="w2"> 1.190 +<th class="red">200</th> 1.191 +<td class="clili"><span>東京特許許可局</span></td> 1.192 +<td class="cli"><span>東京特許許可局</span></td> 1.193 +<td class="cnor"><span>東京特許許可局</span></td> 1.194 +<td class="cbo"><span>東京特許許可局</span></td> 1.195 +<td class="cbobo"><span>東京特許許可局</span></td> 1.196 +</tr> 1.197 +<tr class="w3"> 1.198 +<th>300</th> 1.199 +<td class="clili"><span>東京特許許可局</span></td> 1.200 +<td class="cli"><span>東京特許許可局</span></td> 1.201 +<td class="cnor"><span>東京特許許可局</span></td> 1.202 +<td class="cbo"><span>東京特許許可局</span></td> 1.203 +<td class="cbobo"><span>東京特許許可局</span></td> 1.204 +</tr> 1.205 +<tr class="w4"> 1.206 +<th>400</th> 1.207 +<td class="clili"><span>東京特許許可局</span></td> 1.208 +<td class="cli"><span>東京特許許可局</span></td> 1.209 +<td class="cnor"><span>東京特許許可局</span></td> 1.210 +<td class="cbo"><span>東京特許許可局</span></td> 1.211 +<td class="cbobo"><span>東京特許許可局</span></td> 1.212 +</tr> 1.213 +<tr class="w5"> 1.214 +<th class="red">500</th> 1.215 +<td class="clili"><span>東京特許許可局</span></td> 1.216 +<td class="cli"><span>東京特許許可局</span></td> 1.217 +<td class="cnor"><span>東京特許許可局</span></td> 1.218 +<td class="cbo"><span>東京特許許可局</span></td> 1.219 +<td class="cbobo"><span>東京特許許可局</span></td> 1.220 +</tr> 1.221 +<tr class="w6"> 1.222 +<th>600</th> 1.223 +<td class="clili"><span>東京特許許可局</span></td> 1.224 +<td class="cli"><span>東京特許許可局</span></td> 1.225 +<td class="cnor"><span>東京特許許可局</span></td> 1.226 +<td class="cbo"><span>東京特許許可局</span></td> 1.227 +<td class="cbobo"><span>東京特許許可局</span></td> 1.228 +</tr> 1.229 +<tr class="w7"> 1.230 +<th class="red">700</th> 1.231 +<td class="clili"><span>東京特許許可局</span></td> 1.232 +<td class="cli"><span>東京特許許可局</span></td> 1.233 +<td class="cnor"><span>東京特許許可局</span></td> 1.234 +<td class="cbo"><span>東京特許許可局</span></td> 1.235 +<td class="cbobo"><span>東京特許許可局</span></td> 1.236 +</tr> 1.237 +<tr class="w8"> 1.238 +<th>800</th> 1.239 +<td class="clili"><span>東京特許許可局</span></td> 1.240 +<td class="cli"><span>東京特許許可局</span></td> 1.241 +<td class="cnor"><span>東京特許許可局</span></td> 1.242 +<td class="cbo"><span>東京特許許可局</span></td> 1.243 +<td class="cbobo"><span>東京特許許可局</span></td> 1.244 +</tr> 1.245 +<tr class="w9"> 1.246 +<th class="red">900</th> 1.247 +<td class="clili"><span>東京特許許可局</span></td> 1.248 +<td class="cli"><span>東京特許許可局</span></td> 1.249 +<td class="cnor"><span>東京特許許可局</span></td> 1.250 +<td class="cbo"><span>東京特許許可局</span></td> 1.251 +<td class="cbobo"><span>東京特許許可局</span></td> 1.252 +</tr> 1.253 +</table> 1.254 + 1.255 +<p>tokyotokkyokyokakyoku</p> 1.256 + 1.257 +</body> 1.258 +</html>