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

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <title>Weight mapping tests</title>
michael@0 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
michael@0 6
michael@0 7 <style type="text/css">
michael@0 8
michael@0 9 body {
michael@0 10 margin: 50px;
michael@0 11 font-family: Futura, Verdana, sans-serif;
michael@0 12 }
michael@0 13
michael@0 14 h3, h4 { font-weight: normal; }
michael@0 15
michael@0 16 /* make all the spans blocks to avoid influence of what's outside them
michael@0 17 on line-height calculations */
michael@0 18 span { display: block; }
michael@0 19
michael@0 20 @font-face {
michael@0 21 font-family: test;
michael@0 22 src: url(../fonts/mplus/mplus-1p-thin.ttf);
michael@0 23 font-weight: 100;
michael@0 24 }
michael@0 25
michael@0 26 @font-face {
michael@0 27 font-family: test;
michael@0 28 src: url(../fonts/mplus/mplus-1p-light.ttf);
michael@0 29 font-weight: 200;
michael@0 30 }
michael@0 31
michael@0 32 @font-face {
michael@0 33 font-family: test;
michael@0 34 src: url(../fonts/mplus/mplus-1p-medium.ttf);
michael@0 35 font-weight: 500;
michael@0 36 }
michael@0 37
michael@0 38 @font-face {
michael@0 39 font-family: test;
michael@0 40 src: url(../fonts/mplus/mplus-1p-bold.ttf);
michael@0 41 font-weight: 700;
michael@0 42 }
michael@0 43
michael@0 44 @font-face {
michael@0 45 font-family: test;
michael@0 46 src: url(../fonts/mplus/mplus-1p-black.ttf);
michael@0 47 font-weight: 900;
michael@0 48 }
michael@0 49
michael@0 50 @font-face {
michael@0 51 font-family: test100;
michael@0 52 src: url(../fonts/mplus/mplus-1p-thin.ttf);
michael@0 53 }
michael@0 54
michael@0 55 @font-face {
michael@0 56 font-family: test200;
michael@0 57 src: url(../fonts/mplus/mplus-1p-light.ttf);
michael@0 58 }
michael@0 59
michael@0 60 @font-face {
michael@0 61 font-family: test500;
michael@0 62 src: url(../fonts/mplus/mplus-1p-medium.ttf);
michael@0 63 }
michael@0 64
michael@0 65 @font-face {
michael@0 66 font-family: test700;
michael@0 67 src: url(../fonts/mplus/mplus-1p-bold.ttf);
michael@0 68 }
michael@0 69
michael@0 70 @font-face {
michael@0 71 font-family: test900;
michael@0 72 src: url(../fonts/mplus/mplus-1p-black.ttf);
michael@0 73 }
michael@0 74
michael@0 75 table {
michael@0 76 border-collapse: collapse;
michael@0 77 font-family: test;
michael@0 78 font-size: 20px;
michael@0 79 }
michael@0 80
michael@0 81 td {
michael@0 82 padding: 0; margin: 0;
michael@0 83 }
michael@0 84
michael@0 85 th {
michael@0 86 font-weight: inherit;
michael@0 87 }
michael@0 88
michael@0 89 .red { color: red; }
michael@0 90
michael@0 91 th.cnor { font-weight: inherit; }
michael@0 92 th.cbo { font-weight: bolder; }
michael@0 93 th.cbobo, th.cbobo span { font-weight: bolder; }
michael@0 94 th.cli { font-weight: lighter; }
michael@0 95 th.clili, th.clili span { font-weight: lighter; }
michael@0 96
michael@0 97 td.cnor { font-weight: inherit; }
michael@0 98 td.cbo { font-weight: bolder; }
michael@0 99 td.cbobo, td.cbobo span { font-weight: bolder; }
michael@0 100 td.cli { font-weight: lighter; }
michael@0 101 td.clili, td.clili span { font-weight: lighter; }
michael@0 102
michael@0 103 thead { font-weight: 400; font-size: 75%; }
michael@0 104
michael@0 105 .w1 { font-weight: 100; }
michael@0 106 .w2 { font-weight: 200; }
michael@0 107 .w3 { font-weight: 300; }
michael@0 108 .w4 { font-weight: 400; }
michael@0 109 .w5 { font-weight: 500; }
michael@0 110 .w6 { font-weight: 600; }
michael@0 111 .w7 { font-weight: 700; }
michael@0 112 .w8 { font-weight: 800; }
michael@0 113 .w9 { font-weight: 900; }
michael@0 114
michael@0 115 </style>
michael@0 116 </head>
michael@0 117 <body>
michael@0 118
michael@0 119 <h3>Font family with 100, 200, 500, 700, 900 weights</h3>
michael@0 120
michael@0 121 <table>
michael@0 122 <thead>
michael@0 123 <th></th>
michael@0 124 <th class="clili"><span>lighter lighter</span></th>
michael@0 125 <th class="cli"><span>lighter</span></th>
michael@0 126 <th class="cnor"><span>normal</span></th>
michael@0 127 <th class="cbo"><span>bolder</span></th>
michael@0 128 <th class="cbobo"><span>bolder bolder</span></th>
michael@0 129 </thead>
michael@0 130 <tr class="w1">
michael@0 131 <th class="red">100</th>
michael@0 132 <td class="clili"><span>東京特許許可局</span></td>
michael@0 133 <td class="cli"><span>東京特許許可局</span></td>
michael@0 134 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 135 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 136 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 137 </tr>
michael@0 138 <tr class="w2">
michael@0 139 <th class="red">200</th>
michael@0 140 <td class="clili"><span>東京特許許可局</span></td>
michael@0 141 <td class="cli"><span>東京特許許可局</span></td>
michael@0 142 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 143 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 144 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 145 </tr>
michael@0 146 <tr class="w3">
michael@0 147 <th>300</th>
michael@0 148 <td class="clili"><span>東京特許許可局</span></td>
michael@0 149 <td class="cli"><span>東京特許許可局</span></td>
michael@0 150 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 151 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 152 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 153 </tr>
michael@0 154 <tr class="w4">
michael@0 155 <th>400</th>
michael@0 156 <td class="clili"><span>東京特許許可局</span></td>
michael@0 157 <td class="cli"><span>東京特許許可局</span></td>
michael@0 158 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 159 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 160 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 161 </tr>
michael@0 162 <tr class="w5">
michael@0 163 <th class="red">500</th>
michael@0 164 <td class="clili"><span>東京特許許可局</span></td>
michael@0 165 <td class="cli"><span>東京特許許可局</span></td>
michael@0 166 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 167 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 168 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 169 </tr>
michael@0 170 <tr class="w6">
michael@0 171 <th>600</th>
michael@0 172 <td class="clili"><span>東京特許許可局</span></td>
michael@0 173 <td class="cli"><span>東京特許許可局</span></td>
michael@0 174 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 175 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 176 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 177 </tr>
michael@0 178 <tr class="w7">
michael@0 179 <th class="red">700</th>
michael@0 180 <td class="clili"><span>東京特許許可局</span></td>
michael@0 181 <td class="cli"><span>東京特許許可局</span></td>
michael@0 182 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 183 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 184 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 185 </tr>
michael@0 186 <tr class="w8">
michael@0 187 <th>800</th>
michael@0 188 <td class="clili"><span>東京特許許可局</span></td>
michael@0 189 <td class="cli"><span>東京特許許可局</span></td>
michael@0 190 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 191 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 192 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 193 </tr>
michael@0 194 <tr class="w9">
michael@0 195 <th class="red">900</th>
michael@0 196 <td class="clili"><span>東京特許許可局</span></td>
michael@0 197 <td class="cli"><span>東京特許許可局</span></td>
michael@0 198 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 199 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 200 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 201 </tr>
michael@0 202 </table>
michael@0 203
michael@0 204 <p>tokyotokkyokyokakyoku</p>
michael@0 205
michael@0 206 </body>
michael@0 207 </html>

mercurial