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

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

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-bold.ttf);
michael@0 23 font-weight: 700;
michael@0 24 }
michael@0 25
michael@0 26 @font-face {
michael@0 27 font-family: test700;
michael@0 28 src: url(../fonts/mplus/mplus-1p-bold.ttf);
michael@0 29 }
michael@0 30
michael@0 31 table {
michael@0 32 border-collapse: collapse;
michael@0 33 font-family: test;
michael@0 34 font-size: 20px;
michael@0 35 }
michael@0 36
michael@0 37 td {
michael@0 38 padding: 0; margin: 0;
michael@0 39 }
michael@0 40
michael@0 41 th {
michael@0 42 font-weight: inherit;
michael@0 43 }
michael@0 44
michael@0 45 .red { color: red; }
michael@0 46
michael@0 47 th.cnor { font-weight: inherit; }
michael@0 48 th.cbo { font-weight: bolder; }
michael@0 49 th.cbobo, th.cbobo span { font-weight: bolder; }
michael@0 50 th.cli { font-weight: lighter; }
michael@0 51 th.clili, th.clili span { font-weight: lighter; }
michael@0 52
michael@0 53 td.cnor { font-weight: inherit; }
michael@0 54 td.cbo { font-weight: bolder; }
michael@0 55 td.cbobo, td.cbobo span { font-weight: bolder; }
michael@0 56 td.cli { font-weight: lighter; }
michael@0 57 td.clili, td.clili span { font-weight: lighter; }
michael@0 58
michael@0 59 thead { font-weight: 400; font-size: 75%; }
michael@0 60
michael@0 61 .w1 { font-weight: 100; }
michael@0 62 .w2 { font-weight: 200; }
michael@0 63 .w3 { font-weight: 300; }
michael@0 64 .w4 { font-weight: 400; }
michael@0 65 .w5 { font-weight: 500; }
michael@0 66 .w6 { font-weight: 600; }
michael@0 67 .w7 { font-weight: 700; }
michael@0 68 .w8 { font-weight: 800; }
michael@0 69 .w9 { font-weight: 900; }
michael@0 70
michael@0 71 </style>
michael@0 72 </head>
michael@0 73 <body>
michael@0 74
michael@0 75 <h3>Font family with 700 weight</h3>
michael@0 76
michael@0 77 <table>
michael@0 78 <thead>
michael@0 79 <th></th>
michael@0 80 <th class="clili"><span>lighter lighter</span></th>
michael@0 81 <th class="cli"><span>lighter</span></th>
michael@0 82 <th class="cnor"><span>normal</span></th>
michael@0 83 <th class="cbo"><span>bolder</span></th>
michael@0 84 <th class="cbobo"><span>bolder bolder</span></th>
michael@0 85 </thead>
michael@0 86 <tr class="w1">
michael@0 87 <th>100</th>
michael@0 88 <td class="clili"><span>東京特許許可局</span></td>
michael@0 89 <td class="cli"><span>東京特許許可局</span></td>
michael@0 90 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 91 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 92 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 93 </tr>
michael@0 94 <tr class="w2">
michael@0 95 <th>200</th>
michael@0 96 <td class="clili"><span>東京特許許可局</span></td>
michael@0 97 <td class="cli"><span>東京特許許可局</span></td>
michael@0 98 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 99 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 100 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 101 </tr>
michael@0 102 <tr class="w3">
michael@0 103 <th>300</th>
michael@0 104 <td class="clili"><span>東京特許許可局</span></td>
michael@0 105 <td class="cli"><span>東京特許許可局</span></td>
michael@0 106 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 107 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 108 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 109 </tr>
michael@0 110 <tr class="w4">
michael@0 111 <th>400</th>
michael@0 112 <td class="clili"><span>東京特許許可局</span></td>
michael@0 113 <td class="cli"><span>東京特許許可局</span></td>
michael@0 114 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 115 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 116 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 117 </tr>
michael@0 118 <tr class="w5">
michael@0 119 <th>500</th>
michael@0 120 <td class="clili"><span>東京特許許可局</span></td>
michael@0 121 <td class="cli"><span>東京特許許可局</span></td>
michael@0 122 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 123 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 124 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 125 </tr>
michael@0 126 <tr class="w6">
michael@0 127 <th>600</th>
michael@0 128 <td class="clili"><span>東京特許許可局</span></td>
michael@0 129 <td class="cli"><span>東京特許許可局</span></td>
michael@0 130 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 131 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 132 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 133 </tr>
michael@0 134 <tr class="w7">
michael@0 135 <th class="red">700</th>
michael@0 136 <td class="clili"><span>東京特許許可局</span></td>
michael@0 137 <td class="cli"><span>東京特許許可局</span></td>
michael@0 138 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 139 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 140 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 141 </tr>
michael@0 142 <tr class="w8">
michael@0 143 <th>800</th>
michael@0 144 <td class="clili"><span>東京特許許可局</span></td>
michael@0 145 <td class="cli"><span>東京特許許可局</span></td>
michael@0 146 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 147 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 148 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 149 </tr>
michael@0 150 <tr class="w9">
michael@0 151 <th>900</th>
michael@0 152 <td class="clili"><span>東京特許許可局</span></td>
michael@0 153 <td class="cli"><span>東京特許許可局</span></td>
michael@0 154 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 155 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 156 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 157 </tr>
michael@0 158 </table>
michael@0 159
michael@0 160 <p>tokyotokkyokyokakyoku</p>
michael@0 161
michael@0 162 </body>
michael@0 163 </html>

mercurial