layout/reftests/font-matching/weightmapping-12579.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/font-matching/weightmapping-12579.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,207 @@
     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 +td.cnor { font-weight: inherit; }
   1.101 +td.cbo { font-weight: bolder; }
   1.102 +td.cbobo, td.cbobo span { font-weight: bolder; }
   1.103 +td.cli { font-weight: lighter; }
   1.104 +td.clili, td.clili span { font-weight: lighter; }
   1.105 +
   1.106 +thead { font-weight: 400; font-size: 75%; }
   1.107 +
   1.108 +.w1 { font-weight: 100; }
   1.109 +.w2 { font-weight: 200; }
   1.110 +.w3 { font-weight: 300; }
   1.111 +.w4 { font-weight: 400; }
   1.112 +.w5 { font-weight: 500; }
   1.113 +.w6 { font-weight: 600; }
   1.114 +.w7 { font-weight: 700; }
   1.115 +.w8 { font-weight: 800; }
   1.116 +.w9 { font-weight: 900; }
   1.117 +
   1.118 +</style>
   1.119 +</head>
   1.120 +<body>
   1.121 +
   1.122 +<h3>Font family with 100, 200, 500, 700, 900 weights</h3>
   1.123 +
   1.124 +<table>
   1.125 +<thead>
   1.126 +<th></th>
   1.127 +<th class="clili"><span>lighter lighter</span></th>
   1.128 +<th class="cli"><span>lighter</span></th>
   1.129 +<th class="cnor"><span>normal</span></th>
   1.130 +<th class="cbo"><span>bolder</span></th>
   1.131 +<th class="cbobo"><span>bolder bolder</span></th>
   1.132 +</thead>
   1.133 +<tr class="w1">
   1.134 +<th class="red">100</th>
   1.135 +<td class="clili"><span>東京特許許可局</span></td>
   1.136 +<td class="cli"><span>東京特許許可局</span></td>
   1.137 +<td class="cnor"><span>東京特許許可局</span></td>
   1.138 +<td class="cbo"><span>東京特許許可局</span></td>
   1.139 +<td class="cbobo"><span>東京特許許可局</span></td>
   1.140 +</tr>
   1.141 +<tr class="w2">
   1.142 +<th class="red">200</th>
   1.143 +<td class="clili"><span>東京特許許可局</span></td>
   1.144 +<td class="cli"><span>東京特許許可局</span></td>
   1.145 +<td class="cnor"><span>東京特許許可局</span></td>
   1.146 +<td class="cbo"><span>東京特許許可局</span></td>
   1.147 +<td class="cbobo"><span>東京特許許可局</span></td>
   1.148 +</tr>
   1.149 +<tr class="w3">
   1.150 +<th>300</th>
   1.151 +<td class="clili"><span>東京特許許可局</span></td>
   1.152 +<td class="cli"><span>東京特許許可局</span></td>
   1.153 +<td class="cnor"><span>東京特許許可局</span></td>
   1.154 +<td class="cbo"><span>東京特許許可局</span></td>
   1.155 +<td class="cbobo"><span>東京特許許可局</span></td>
   1.156 +</tr>
   1.157 +<tr class="w4">
   1.158 +<th>400</th>
   1.159 +<td class="clili"><span>東京特許許可局</span></td>
   1.160 +<td class="cli"><span>東京特許許可局</span></td>
   1.161 +<td class="cnor"><span>東京特許許可局</span></td>
   1.162 +<td class="cbo"><span>東京特許許可局</span></td>
   1.163 +<td class="cbobo"><span>東京特許許可局</span></td>
   1.164 +</tr>
   1.165 +<tr class="w5">
   1.166 +<th class="red">500</th>
   1.167 +<td class="clili"><span>東京特許許可局</span></td>
   1.168 +<td class="cli"><span>東京特許許可局</span></td>
   1.169 +<td class="cnor"><span>東京特許許可局</span></td>
   1.170 +<td class="cbo"><span>東京特許許可局</span></td>
   1.171 +<td class="cbobo"><span>東京特許許可局</span></td>
   1.172 +</tr>
   1.173 +<tr class="w6">
   1.174 +<th>600</th>
   1.175 +<td class="clili"><span>東京特許許可局</span></td>
   1.176 +<td class="cli"><span>東京特許許可局</span></td>
   1.177 +<td class="cnor"><span>東京特許許可局</span></td>
   1.178 +<td class="cbo"><span>東京特許許可局</span></td>
   1.179 +<td class="cbobo"><span>東京特許許可局</span></td>
   1.180 +</tr>
   1.181 +<tr class="w7">
   1.182 +<th class="red">700</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="w8">
   1.190 +<th>800</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="w9">
   1.198 +<th class="red">900</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 +</table>
   1.206 +
   1.207 +<p>tokyotokkyokyokakyoku</p>
   1.208 +
   1.209 +</body>
   1.210 +</html>

mercurial