1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/font-matching/weightmapping-12.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,174 @@ 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 +td.cnor { font-weight: inherit; } 1.68 +td.cbo { font-weight: bolder; } 1.69 +td.cbobo, td.cbobo span { font-weight: bolder; } 1.70 +td.cli { font-weight: lighter; } 1.71 +td.clili, td.clili span { font-weight: lighter; } 1.72 + 1.73 +thead { font-weight: 400; font-size: 75%; } 1.74 + 1.75 +.w1 { font-weight: 100; } 1.76 +.w2 { font-weight: 200; } 1.77 +.w3 { font-weight: 300; } 1.78 +.w4 { font-weight: 400; } 1.79 +.w5 { font-weight: 500; } 1.80 +.w6 { font-weight: 600; } 1.81 +.w7 { font-weight: 700; } 1.82 +.w8 { font-weight: 800; } 1.83 +.w9 { font-weight: 900; } 1.84 + 1.85 +</style> 1.86 +</head> 1.87 +<body> 1.88 + 1.89 +<h3>Font family with 100, 200 weights</h3> 1.90 + 1.91 +<table> 1.92 +<thead> 1.93 +<th></th> 1.94 +<th class="clili"><span>lighter lighter</span></th> 1.95 +<th class="cli"><span>lighter</span></th> 1.96 +<th class="cnor"><span>normal</span></th> 1.97 +<th class="cbo"><span>bolder</span></th> 1.98 +<th class="cbobo"><span>bolder bolder</span></th> 1.99 +</thead> 1.100 +<tr class="w1"> 1.101 +<th class="red">100</th> 1.102 +<td class="clili"><span>東京特許許可局</span></td> 1.103 +<td class="cli"><span>東京特許許可局</span></td> 1.104 +<td class="cnor"><span>東京特許許可局</span></td> 1.105 +<td class="cbo"><span>東京特許許可局</span></td> 1.106 +<td class="cbobo"><span>東京特許許可局</span></td> 1.107 +</tr> 1.108 +<tr class="w2"> 1.109 +<th class="red">200</th> 1.110 +<td class="clili"><span>東京特許許可局</span></td> 1.111 +<td class="cli"><span>東京特許許可局</span></td> 1.112 +<td class="cnor"><span>東京特許許可局</span></td> 1.113 +<td class="cbo"><span>東京特許許可局</span></td> 1.114 +<td class="cbobo"><span>東京特許許可局</span></td> 1.115 +</tr> 1.116 +<tr class="w3"> 1.117 +<th>300</th> 1.118 +<td class="clili"><span>東京特許許可局</span></td> 1.119 +<td class="cli"><span>東京特許許可局</span></td> 1.120 +<td class="cnor"><span>東京特許許可局</span></td> 1.121 +<td class="cbo"><span>東京特許許可局</span></td> 1.122 +<td class="cbobo"><span>東京特許許可局</span></td> 1.123 +</tr> 1.124 +<tr class="w4"> 1.125 +<th>400</th> 1.126 +<td class="clili"><span>東京特許許可局</span></td> 1.127 +<td class="cli"><span>東京特許許可局</span></td> 1.128 +<td class="cnor"><span>東京特許許可局</span></td> 1.129 +<td class="cbo"><span>東京特許許可局</span></td> 1.130 +<td class="cbobo"><span>東京特許許可局</span></td> 1.131 +</tr> 1.132 +<tr class="w5"> 1.133 +<th>500</th> 1.134 +<td class="clili"><span>東京特許許可局</span></td> 1.135 +<td class="cli"><span>東京特許許可局</span></td> 1.136 +<td class="cnor"><span>東京特許許可局</span></td> 1.137 +<td class="cbo"><span>東京特許許可局</span></td> 1.138 +<td class="cbobo"><span>東京特許許可局</span></td> 1.139 +</tr> 1.140 +<tr class="w6"> 1.141 +<th>600</th> 1.142 +<td class="clili"><span>東京特許許可局</span></td> 1.143 +<td class="cli"><span>東京特許許可局</span></td> 1.144 +<td class="cnor"><span>東京特許許可局</span></td> 1.145 +<td class="cbo"><span>東京特許許可局</span></td> 1.146 +<td class="cbobo"><span>東京特許許可局</span></td> 1.147 +</tr> 1.148 +<tr class="w7"> 1.149 +<th>700</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="w8"> 1.157 +<th>800</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="w9"> 1.165 +<th>900</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 +</table> 1.173 + 1.174 +<p>tokyotokkyokyokakyoku</p> 1.175 + 1.176 +</body> 1.177 +</html>