layout/reftests/font-matching/weightmapping-478-ref.html

Tue, 06 Jan 2015 21:39:09 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 06 Jan 2015 21:39:09 +0100
branch
TOR_BUG_9701
changeset 8
97036ab72558
permissions
-rw-r--r--

Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

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-regular.ttf);
michael@0 23 font-weight: normal;
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-bold.ttf);
michael@0 29 font-weight: 700;
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-heavy.ttf);
michael@0 35 font-weight: 800;
michael@0 36 }
michael@0 37
michael@0 38 @font-face {
michael@0 39 font-family: test400;
michael@0 40 src: url(../fonts/mplus/mplus-1p-regular.ttf);
michael@0 41 }
michael@0 42
michael@0 43 @font-face {
michael@0 44 font-family: test700;
michael@0 45 src: url(../fonts/mplus/mplus-1p-bold.ttf);
michael@0 46 }
michael@0 47
michael@0 48 @font-face {
michael@0 49 font-family: test800;
michael@0 50 src: url(../fonts/mplus/mplus-1p-heavy.ttf);
michael@0 51 }
michael@0 52
michael@0 53 table {
michael@0 54 border-collapse: collapse;
michael@0 55 font-family: test;
michael@0 56 font-size: 20px;
michael@0 57 }
michael@0 58
michael@0 59 td {
michael@0 60 padding: 0; margin: 0;
michael@0 61 }
michael@0 62
michael@0 63 th {
michael@0 64 font-weight: inherit;
michael@0 65 }
michael@0 66
michael@0 67 .red { color: red; }
michael@0 68
michael@0 69 th.cnor { font-weight: inherit; }
michael@0 70 th.cbo { font-weight: bolder; }
michael@0 71 th.cbobo, th.cbobo span { font-weight: bolder; }
michael@0 72 th.cli { font-weight: lighter; }
michael@0 73 th.clili, th.clili span { font-weight: lighter; }
michael@0 74
michael@0 75 thead { font-weight: 400; font-size: 75%; }
michael@0 76
michael@0 77 .w1 .clili { font-family: test400; }
michael@0 78 .w1 .cli { font-family: test400; }
michael@0 79 .w1 .cnor { font-family: test400; }
michael@0 80 .w1 .cbo { font-family: test400; }
michael@0 81 .w1 .cbobo { font-family: test700; }
michael@0 82
michael@0 83 .w2 .clili { font-family: test400; }
michael@0 84 .w2 .cli { font-family: test400; }
michael@0 85 .w2 .cnor { font-family: test400; }
michael@0 86 .w2 .cbo { font-family: test400; }
michael@0 87 .w2 .cbobo { font-family: test700; }
michael@0 88
michael@0 89 .w3 .clili { font-family: test400; }
michael@0 90 .w3 .cli { font-family: test400; }
michael@0 91 .w3 .cnor { font-family: test400; }
michael@0 92 .w3 .cbo { font-family: test400; }
michael@0 93 .w3 .cbobo { font-family: test700; }
michael@0 94
michael@0 95 .w4 .clili { font-family: test400; }
michael@0 96 .w4 .cli { font-family: test400; }
michael@0 97 .w4 .cnor { font-family: test400; }
michael@0 98 .w4 .cbo { font-family: test700; }
michael@0 99 .w4 .cbobo { font-family: test800; }
michael@0 100
michael@0 101 .w5 .clili { font-family: test400; }
michael@0 102 .w5 .cli { font-family: test400; }
michael@0 103 .w5 .cnor { font-family: test400; }
michael@0 104 .w5 .cbo { font-family: test700; }
michael@0 105 .w5 .cbobo { font-family: test800; }
michael@0 106
michael@0 107 .w6 .clili { font-family: test400; }
michael@0 108 .w6 .cli { font-family: test400; }
michael@0 109 .w6 .cnor { font-family: test700; }
michael@0 110 .w6 .cbo { font-family: test800; }
michael@0 111 .w6 .cbobo { font-family: test800; }
michael@0 112
michael@0 113 .w7 .clili { font-family: test400; }
michael@0 114 .w7 .cli { font-family: test400; }
michael@0 115 .w7 .cnor { font-family: test700; }
michael@0 116 .w7 .cbo { font-family: test800; }
michael@0 117 .w7 .cbobo { font-family: test800; }
michael@0 118
michael@0 119 .w8 .clili { font-family: test400; }
michael@0 120 .w8 .cli { font-family: test700; }
michael@0 121 .w8 .cnor { font-family: test800; }
michael@0 122 .w8 .cbo { font-family: test800; }
michael@0 123 .w8 .cbobo { font-family: test800; }
michael@0 124
michael@0 125 .w9 .clili { font-family: test400; }
michael@0 126 .w9 .cli { font-family: test700; }
michael@0 127 .w9 .cnor { font-family: test800; }
michael@0 128 .w9 .cbo { font-family: test800; }
michael@0 129 .w9 .cbobo { font-family: test800; }
michael@0 130
michael@0 131 .w1 th { font-weight: 100; }
michael@0 132 .w2 th { font-weight: 200; }
michael@0 133 .w3 th { font-weight: 300; }
michael@0 134 .w4 th { font-weight: 400; }
michael@0 135 .w5 th { font-weight: 500; }
michael@0 136 .w6 th { font-weight: 600; }
michael@0 137 .w7 th { font-weight: 700; }
michael@0 138 .w8 th { font-weight: 800; }
michael@0 139 .w9 th { font-weight: 900; }
michael@0 140
michael@0 141 </style>
michael@0 142 </head>
michael@0 143 <body>
michael@0 144
michael@0 145 <h3>Font family with 400, 700, 800 weights</h3>
michael@0 146
michael@0 147 <table>
michael@0 148 <thead>
michael@0 149 <th></th>
michael@0 150 <th class="clili"><span>lighter lighter</span></th>
michael@0 151 <th class="cli"><span>lighter</span></th>
michael@0 152 <th class="cnor"><span>normal</span></th>
michael@0 153 <th class="cbo"><span>bolder</span></th>
michael@0 154 <th class="cbobo"><span>bolder bolder</span></th>
michael@0 155 </thead>
michael@0 156 <tr class="w1">
michael@0 157 <th>100</th>
michael@0 158 <td class="clili"><span>東京特許許可局</span></td>
michael@0 159 <td class="cli"><span>東京特許許可局</span></td>
michael@0 160 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 161 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 162 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 163 </tr>
michael@0 164 <tr class="w2">
michael@0 165 <th>200</th>
michael@0 166 <td class="clili"><span>東京特許許可局</span></td>
michael@0 167 <td class="cli"><span>東京特許許可局</span></td>
michael@0 168 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 169 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 170 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 171 </tr>
michael@0 172 <tr class="w3">
michael@0 173 <th>300</th>
michael@0 174 <td class="clili"><span>東京特許許可局</span></td>
michael@0 175 <td class="cli"><span>東京特許許可局</span></td>
michael@0 176 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 177 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 178 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 179 </tr>
michael@0 180 <tr class="w4">
michael@0 181 <th class="red">400</th>
michael@0 182 <td class="clili"><span>東京特許許可局</span></td>
michael@0 183 <td class="cli"><span>東京特許許可局</span></td>
michael@0 184 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 185 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 186 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 187 </tr>
michael@0 188 <tr class="w5">
michael@0 189 <th>500</th>
michael@0 190 <td class="clili"><span>東京特許許可局</span></td>
michael@0 191 <td class="cli"><span>東京特許許可局</span></td>
michael@0 192 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 193 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 194 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 195 </tr>
michael@0 196 <tr class="w6">
michael@0 197 <th>600</th>
michael@0 198 <td class="clili"><span>東京特許許可局</span></td>
michael@0 199 <td class="cli"><span>東京特許許可局</span></td>
michael@0 200 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 201 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 202 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 203 </tr>
michael@0 204 <tr class="w7">
michael@0 205 <th class="red">700</th>
michael@0 206 <td class="clili"><span>東京特許許可局</span></td>
michael@0 207 <td class="cli"><span>東京特許許可局</span></td>
michael@0 208 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 209 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 210 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 211 </tr>
michael@0 212 <tr class="w8">
michael@0 213 <th class="red">800</th>
michael@0 214 <td class="clili"><span>東京特許許可局</span></td>
michael@0 215 <td class="cli"><span>東京特許許可局</span></td>
michael@0 216 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 217 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 218 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 219 </tr>
michael@0 220 <tr class="w9">
michael@0 221 <th>900</th>
michael@0 222 <td class="clili"><span>東京特許許可局</span></td>
michael@0 223 <td class="cli"><span>東京特許許可局</span></td>
michael@0 224 <td class="cnor"><span>東京特許許可局</span></td>
michael@0 225 <td class="cbo"><span>東京特許許可局</span></td>
michael@0 226 <td class="cbobo"><span>東京特許許可局</span></td>
michael@0 227 </tr>
michael@0 228 </table>
michael@0 229
michael@0 230 <p>tokyotokkyokyokakyoku</p>
michael@0 231
michael@0 232 </body>
michael@0 233 </html>

mercurial