The Tor Browser / file revision

layout/reftests/font-matching/stretchmapping-35-ref.html@4ab42b5ab56c

layout/reftests/font-matching/stretchmapping-35-ref.html

Wed, 31 Dec 2014 07:53:36 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:53:36 +0100
branch
TOR_BUG_3246
changeset 5
4ab42b5ab56c
permissions
-rw-r--r--

Correct small whitespace inconsistency, lost while renaming variables.

     1 <!DOCTYPE HTML>

     2 <html>

     3 <head>

     4 <title>font-stretch mapping tests</title>

     5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     6   

     7 <style type="text/css">

     8 

     9 body {

    10   margin: 50px;

    11   font-family: Verdana, sans-serif;

    12 }

    13 

    14 h3, h4 { font-weight: normal; }

    15 

    16 table {

    17   border-collapse: collapse;

    18   font-size: 28px;

    19 }

    20 

    21 td {

    22   padding: 0; margin: 0;

    23   font-family: test;

    24 }

    25 

    26 th {

    27   font-weight: inherit;

    28 }

    29 

    30 p { width: 300px; }

    31 

    32 .red { color: red; }

    33 

    34 thead { font-weight: 400; font-size: 75%; }

    35 

    36 /* make all the spans blocks to avoid influence of what's outside them

    37    on line-height calculations */

    38 span { display: block; }

    39 

    40 @font-face {

    41   font-family: test;

    42   src: url(../fonts/mplus/mplus-1p-light.ttf);

    43   font-weight: 200;

    44 }

    45 

    46 @font-face {

    47   font-family: test;

    48   src: url(../fonts/mplus/mplus-1p-medium.ttf);

    49   font-weight: 500;

    50 }

    51 

    52 @font-face {

    53   font-family: test;

    54   src: url(../fonts/mplus/mplus-1p-thin.ttf);

    55   font-weight: 100;

    56   font-stretch: condensed;

    57 }

    58 

    59 @font-face {

    60   font-family: test;

    61   src: url(../fonts/mplus/mplus-1p-black.ttf);

    62   font-weight: 900;

    63   font-stretch: condensed;

    64 }

    65 

    66 @font-face {

    67   font-family: test100;

    68   src: url(../fonts/mplus/mplus-1p-thin.ttf);

    69   font-weight: 100;

    70 }

    71 

    72 @font-face {

    73   font-family: test200;

    74   src: url(../fonts/mplus/mplus-1p-light.ttf);

    75   font-weight: 200;

    76 }

    77 

    78 @font-face {

    79   font-family: test500;

    80   src: url(../fonts/mplus/mplus-1p-medium.ttf);

    81   font-weight: 500;

    82 }

    83 

    84 @font-face {

    85   font-family: test900;

    86   src: url(../fonts/mplus/mplus-1p-black.ttf);

    87   font-weight: 900;

    88 }

    89 

    90 .w1 { font-weight: 100; }

    91 .w2 { font-weight: 200; }

    92 .w3 { font-weight: 300; }

    93 .w4 { font-weight: 400; }

    94 .w5 { font-weight: 500; }

    95 .w6 { font-weight: 600; }

    96 .w7 { font-weight: 700; }

    97 .w8 { font-weight: 800; }

    98 .w9 { font-weight: 900; }

    99 

   100 .w1 .fs1 { font-family: test100; }

   101 .w2 .fs1 { font-family: test100; }

   102 .w3 .fs1 { font-family: test100; }

   103 .w4 .fs1 { font-family: test100; }

   104 .w5 .fs1 { font-family: test100; }

   105 .w6 .fs1 { font-family: test900; }

   106 .w7 .fs1 { font-family: test900; }

   107 .w8 .fs1 { font-family: test900; }

   108 .w9 .fs1 { font-family: test900; }

   109 

   110 .w1 .fs2 { font-family: test100; }

   111 .w2 .fs2 { font-family: test100; }

   112 .w3 .fs2 { font-family: test100; }

   113 .w4 .fs2 { font-family: test100; }

   114 .w5 .fs2 { font-family: test100; }

   115 .w6 .fs2 { font-family: test900; }

   116 .w7 .fs2 { font-family: test900; }

   117 .w8 .fs2 { font-family: test900; }

   118 .w9 .fs2 { font-family: test900; }

   119 

   120 .w1 .fs3 { font-family: test100; }

   121 .w2 .fs3 { font-family: test100; }

   122 .w3 .fs3 { font-family: test100; }

   123 .w4 .fs3 { font-family: test100; }

   124 .w5 .fs3 { font-family: test100; }

   125 .w6 .fs3 { font-family: test900; }

   126 .w7 .fs3 { font-family: test900; }

   127 .w8 .fs3 { font-family: test900; }

   128 .w9 .fs3 { font-family: test900; }

   129 

   130 .w1 .fs4 { font-family: test100; }

   131 .w2 .fs4 { font-family: test100; }

   132 .w3 .fs4 { font-family: test100; }

   133 .w4 .fs4 { font-family: test100; }

   134 .w5 .fs4 { font-family: test100; }

   135 .w6 .fs4 { font-family: test900; }

   136 .w7 .fs4 { font-family: test900; }

   137 .w8 .fs4 { font-family: test900; }

   138 .w9 .fs4 { font-family: test900; }

   139 

   140 .w1 .fs5 { font-family: test200; }

   141 .w2 .fs5 { font-family: test200; }

   142 .w3 .fs5 { font-family: test200; }

   143 .w4 .fs5 { font-family: test500; }

   144 .w5 .fs5 { font-family: test500; }

   145 .w6 .fs5 { font-family: test500; }

   146 .w7 .fs5 { font-family: test500; }

   147 .w8 .fs5 { font-family: test500; }

   148 .w9 .fs5 { font-family: test500; }

   149 

   150 .w1 .fs6 { font-family: test200; }

   151 .w2 .fs6 { font-family: test200; }

   152 .w3 .fs6 { font-family: test200; }

   153 .w4 .fs6 { font-family: test500; }

   154 .w5 .fs6 { font-family: test500; }

   155 .w6 .fs6 { font-family: test500; }

   156 .w7 .fs6 { font-family: test500; }

   157 .w8 .fs6 { font-family: test500; }

   158 .w9 .fs6 { font-family: test500; }

   159 

   160 .w1 .fs7 { font-family: test200; }

   161 .w2 .fs7 { font-family: test200; }

   162 .w3 .fs7 { font-family: test200; }

   163 .w4 .fs7 { font-family: test500; }

   164 .w5 .fs7 { font-family: test500; }

   165 .w6 .fs7 { font-family: test500; }

   166 .w7 .fs7 { font-family: test500; }

   167 .w8 .fs7 { font-family: test500; }

   168 .w9 .fs7 { font-family: test500; }

   169 

   170 .w1 .fs8 { font-family: test200; }

   171 .w2 .fs8 { font-family: test200; }

   172 .w3 .fs8 { font-family: test200; }

   173 .w4 .fs8 { font-family: test500; }

   174 .w5 .fs8 { font-family: test500; }

   175 .w6 .fs8 { font-family: test500; }

   176 .w7 .fs8 { font-family: test500; }

   177 .w8 .fs8 { font-family: test500; }

   178 .w9 .fs8 { font-family: test500; }

   179 

   180 .w1 .fs9 { font-family: test200; }

   181 .w2 .fs9 { font-family: test200; }

   182 .w3 .fs9 { font-family: test200; }

   183 .w4 .fs9 { font-family: test500; }

   184 .w5 .fs9 { font-family: test500; }

   185 .w6 .fs9 { font-family: test500; }

   186 .w7 .fs9 { font-family: test500; }

   187 .w8 .fs9 { font-family: test500; }

   188 .w9 .fs9 { font-family: test500; }

   189 

   190 </style>

   191 </head>

   192 <body>

   193 

   194 <p>Font family with normal width 200, 500 and condensed 100, 900</p>

   195 

   196 <table>

   197 <thead>

   198 <th></th>

   199 <th>1</th>

   200 <th>2</th>

   201 <th class="red">3</th>

   202 <th>4</th>

   203 <th class="red">5</th>

   204 <th>6</th>

   205 <th>7</th>

   206 <th>8</th>

   207 <th>9</th>

   208 </thead>

   209 <tr class="w1">

   210 <th>100</th>

   211 <td class="fs1"><span>あ</span></td>

   212 <td class="fs2"><span>あ</span></td>

   213 <td class="fs3"><span>あ</span></td>

   214 <td class="fs4"><span>あ</span></td>

   215 <td class="fs5"><span>あ</span></td>

   216 <td class="fs6"><span>あ</span></td>

   217 <td class="fs7"><span>あ</span></td>

   218 <td class="fs8"><span>あ</span></td>

   219 <td class="fs9"><span>あ</span></td>

   220 </tr>

   221 <tr class="w2">

   222 <th>200</th>

   223 <td class="fs1"><span>あ</span></td>

   224 <td class="fs2"><span>あ</span></td>

   225 <td class="fs3"><span>あ</span></td>

   226 <td class="fs4"><span>あ</span></td>

   227 <td class="fs5"><span>あ</span></td>

   228 <td class="fs6"><span>あ</span></td>

   229 <td class="fs7"><span>あ</span></td>

   230 <td class="fs8"><span>あ</span></td>

   231 <td class="fs9"><span>あ</span></td>

   232 </tr>

   233 <tr class="w3">

   234 <th>300</th>

   235 <td class="fs1"><span>あ</span></td>

   236 <td class="fs2"><span>あ</span></td>

   237 <td class="fs3"><span>あ</span></td>

   238 <td class="fs4"><span>あ</span></td>

   239 <td class="fs5"><span>あ</span></td>

   240 <td class="fs6"><span>あ</span></td>

   241 <td class="fs7"><span>あ</span></td>

   242 <td class="fs8"><span>あ</span></td>

   243 <td class="fs9"><span>あ</span></td>

   244 </tr>

   245 <tr class="w4">

   246 <th>400</th>

   247 <td class="fs1"><span>あ</span></td>

   248 <td class="fs2"><span>あ</span></td>

   249 <td class="fs3"><span>あ</span></td>

   250 <td class="fs4"><span>あ</span></td>

   251 <td class="fs5"><span>あ</span></td>

   252 <td class="fs6"><span>あ</span></td>

   253 <td class="fs7"><span>あ</span></td>

   254 <td class="fs8"><span>あ</span></td>

   255 <td class="fs9"><span>あ</span></td>

   256 </tr>

   257 <tr class="w5">

   258 <th>500</th>

   259 <td class="fs1"><span>あ</span></td>

   260 <td class="fs2"><span>あ</span></td>

   261 <td class="fs3"><span>あ</span></td>

   262 <td class="fs4"><span>あ</span></td>

   263 <td class="fs5"><span>あ</span></td>

   264 <td class="fs6"><span>あ</span></td>

   265 <td class="fs7"><span>あ</span></td>

   266 <td class="fs8"><span>あ</span></td>

   267 <td class="fs9"><span>あ</span></td>

   268 </tr>

   269 <tr class="w6">

   270 <th>600</th>

   271 <td class="fs1"><span>あ</span></td>

   272 <td class="fs2"><span>あ</span></td>

   273 <td class="fs3"><span>あ</span></td>

   274 <td class="fs4"><span>あ</span></td>

   275 <td class="fs5"><span>あ</span></td>

   276 <td class="fs6"><span>あ</span></td>

   277 <td class="fs7"><span>あ</span></td>

   278 <td class="fs8"><span>あ</span></td>

   279 <td class="fs9"><span>あ</span></td>

   280 </tr>

   281 <tr class="w7">

   282 <th>700</th>

   283 <td class="fs1"><span>あ</span></td>

   284 <td class="fs2"><span>あ</span></td>

   285 <td class="fs3"><span>あ</span></td>

   286 <td class="fs4"><span>あ</span></td>

   287 <td class="fs5"><span>あ</span></td>

   288 <td class="fs6"><span>あ</span></td>

   289 <td class="fs7"><span>あ</span></td>

   290 <td class="fs8"><span>あ</span></td>

   291 <td class="fs9"><span>あ</span></td>

   292 </tr>

   293 <tr class="w8">

   294 <th>800</th>

   295 <td class="fs1"><span>あ</span></td>

   296 <td class="fs2"><span>あ</span></td>

   297 <td class="fs3"><span>あ</span></td>

   298 <td class="fs4"><span>あ</span></td>

   299 <td class="fs5"><span>あ</span></td>

   300 <td class="fs6"><span>あ</span></td>

   301 <td class="fs7"><span>あ</span></td>

   302 <td class="fs8"><span>あ</span></td>

   303 <td class="fs9"><span>あ</span></td>

   304 </tr>

   305 <tr class="w9">

   306 <th>900</th>

   307 <td class="fs1"><span>あ</span></td>

   308 <td class="fs2"><span>あ</span></td>

   309 <td class="fs3"><span>あ</span></td>

   310 <td class="fs4"><span>あ</span></td>

   311 <td class="fs5"><span>あ</span></td>

   312 <td class="fs6"><span>あ</span></td>

   313 <td class="fs7"><span>あ</span></td>

   314 <td class="fs8"><span>あ</span></td>

   315 <td class="fs9"><span>あ</span></td>

   316 </tr>

   317 </table>

   318 

   319 </body>

   320 </html>

Mercurial Repository: The Tor Browser

Europalab SCM Repository Server

mercurial