1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/font-matching/weightmapping-458.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,185 @@ 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-regular.ttf); 1.26 + font-weight: normal; 1.27 +} 1.28 + 1.29 +@font-face { 1.30 + font-family: test; 1.31 + src: url(../fonts/mplus/mplus-1p-medium.ttf); 1.32 + font-weight: 500; 1.33 +} 1.34 + 1.35 +@font-face { 1.36 + font-family: test; 1.37 + src: url(../fonts/mplus/mplus-1p-heavy.ttf); 1.38 + font-weight: 800; 1.39 +} 1.40 + 1.41 +@font-face { 1.42 + font-family: test400; 1.43 + src: url(../fonts/mplus/mplus-1p-regular.ttf); 1.44 +} 1.45 + 1.46 +@font-face { 1.47 + font-family: test500; 1.48 + src: url(../fonts/mplus/mplus-1p-medium.ttf); 1.49 +} 1.50 + 1.51 +@font-face { 1.52 + font-family: test800; 1.53 + src: url(../fonts/mplus/mplus-1p-heavy.ttf); 1.54 +} 1.55 + 1.56 +table { 1.57 + border-collapse: collapse; 1.58 + font-family: test; 1.59 + font-size: 20px; 1.60 +} 1.61 + 1.62 +td { 1.63 + padding: 0; margin: 0; 1.64 +} 1.65 + 1.66 +th { 1.67 + font-weight: inherit; 1.68 +} 1.69 + 1.70 +.red { color: red; } 1.71 + 1.72 +th.cnor { font-weight: inherit; } 1.73 +th.cbo { font-weight: bolder; } 1.74 +th.cbobo, th.cbobo span { font-weight: bolder; } 1.75 +th.cli { font-weight: lighter; } 1.76 +th.clili, th.clili span { font-weight: lighter; } 1.77 + 1.78 +td.cnor { font-weight: inherit; } 1.79 +td.cbo { font-weight: bolder; } 1.80 +td.cbobo, td.cbobo span { font-weight: bolder; } 1.81 +td.cli { font-weight: lighter; } 1.82 +td.clili, td.clili span { font-weight: lighter; } 1.83 + 1.84 +thead { font-weight: 400; font-size: 75%; } 1.85 + 1.86 +.w1 { font-weight: 100; } 1.87 +.w2 { font-weight: 200; } 1.88 +.w3 { font-weight: 300; } 1.89 +.w4 { font-weight: 400; } 1.90 +.w5 { font-weight: 500; } 1.91 +.w6 { font-weight: 600; } 1.92 +.w7 { font-weight: 700; } 1.93 +.w8 { font-weight: 800; } 1.94 +.w9 { font-weight: 900; } 1.95 + 1.96 +</style> 1.97 +</head> 1.98 +<body> 1.99 + 1.100 +<h3>Font family with 400, 500, 800 weights</h3> 1.101 + 1.102 +<table> 1.103 +<thead> 1.104 +<th></th> 1.105 +<th class="clili"><span>lighter lighter</span></th> 1.106 +<th class="cli"><span>lighter</span></th> 1.107 +<th class="cnor"><span>normal</span></th> 1.108 +<th class="cbo"><span>bolder</span></th> 1.109 +<th class="cbobo"><span>bolder bolder</span></th> 1.110 +</thead> 1.111 +<tr class="w1"> 1.112 +<th>100</th> 1.113 +<td class="clili"><span>東京特許許可局</span></td> 1.114 +<td class="cli"><span>東京特許許可局</span></td> 1.115 +<td class="cnor"><span>東京特許許可局</span></td> 1.116 +<td class="cbo"><span>東京特許許可局</span></td> 1.117 +<td class="cbobo"><span>東京特許許可局</span></td> 1.118 +</tr> 1.119 +<tr class="w2"> 1.120 +<th>200</th> 1.121 +<td class="clili"><span>東京特許許可局</span></td> 1.122 +<td class="cli"><span>東京特許許可局</span></td> 1.123 +<td class="cnor"><span>東京特許許可局</span></td> 1.124 +<td class="cbo"><span>東京特許許可局</span></td> 1.125 +<td class="cbobo"><span>東京特許許可局</span></td> 1.126 +</tr> 1.127 +<tr class="w3"> 1.128 +<th>300</th> 1.129 +<td class="clili"><span>東京特許許可局</span></td> 1.130 +<td class="cli"><span>東京特許許可局</span></td> 1.131 +<td class="cnor"><span>東京特許許可局</span></td> 1.132 +<td class="cbo"><span>東京特許許可局</span></td> 1.133 +<td class="cbobo"><span>東京特許許可局</span></td> 1.134 +</tr> 1.135 +<tr class="w4"> 1.136 +<th class="red">400</th> 1.137 +<td class="clili"><span>東京特許許可局</span></td> 1.138 +<td class="cli"><span>東京特許許可局</span></td> 1.139 +<td class="cnor"><span>東京特許許可局</span></td> 1.140 +<td class="cbo"><span>東京特許許可局</span></td> 1.141 +<td class="cbobo"><span>東京特許許可局</span></td> 1.142 +</tr> 1.143 +<tr class="w5"> 1.144 +<th class="red">500</th> 1.145 +<td class="clili"><span>東京特許許可局</span></td> 1.146 +<td class="cli"><span>東京特許許可局</span></td> 1.147 +<td class="cnor"><span>東京特許許可局</span></td> 1.148 +<td class="cbo"><span>東京特許許可局</span></td> 1.149 +<td class="cbobo"><span>東京特許許可局</span></td> 1.150 +</tr> 1.151 +<tr class="w6"> 1.152 +<th>600</th> 1.153 +<td class="clili"><span>東京特許許可局</span></td> 1.154 +<td class="cli"><span>東京特許許可局</span></td> 1.155 +<td class="cnor"><span>東京特許許可局</span></td> 1.156 +<td class="cbo"><span>東京特許許可局</span></td> 1.157 +<td class="cbobo"><span>東京特許許可局</span></td> 1.158 +</tr> 1.159 +<tr class="w7"> 1.160 +<th>700</th> 1.161 +<td class="clili"><span>東京特許許可局</span></td> 1.162 +<td class="cli"><span>東京特許許可局</span></td> 1.163 +<td class="cnor"><span>東京特許許可局</span></td> 1.164 +<td class="cbo"><span>東京特許許可局</span></td> 1.165 +<td class="cbobo"><span>東京特許許可局</span></td> 1.166 +</tr> 1.167 +<tr class="w8"> 1.168 +<th class="red">800</th> 1.169 +<td class="clili"><span>東京特許許可局</span></td> 1.170 +<td class="cli"><span>東京特許許可局</span></td> 1.171 +<td class="cnor"><span>東京特許許可局</span></td> 1.172 +<td class="cbo"><span>東京特許許可局</span></td> 1.173 +<td class="cbobo"><span>東京特許許可局</span></td> 1.174 +</tr> 1.175 +<tr class="w9"> 1.176 +<th>900</th> 1.177 +<td class="clili"><span>東京特許許可局</span></td> 1.178 +<td class="cli"><span>東京特許許可局</span></td> 1.179 +<td class="cnor"><span>東京特許許可局</span></td> 1.180 +<td class="cbo"><span>東京特許許可局</span></td> 1.181 +<td class="cbobo"><span>東京特許許可局</span></td> 1.182 +</tr> 1.183 +</table> 1.184 + 1.185 +<p>tokyotokkyokyokakyoku</p> 1.186 + 1.187 +</body> 1.188 +</html>