tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

name-collision.html (3047B)

      1 <!DOCTYPE HTML>
      2 <html>
      3 <head>
      4 <title>Font name collision test</title>
      5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      6 
      7 <!-- 
      8  Font family names in @font-face rules take precedence over locally-available font families,
      9  so none of the names of commonly used platform fonts should match against locally available
     10  fonts.
     11 -->
     12 
     13 <style type="text/css">
     14 
     15 @font-face {
     16  font-family: fallback;
     17  src: url(../fonts/mplus/mplus-1p-regular.ttf);
     18 }
     19 
     20 body {
     21  margin: 50px;
     22  font-family: fallback;
     23 }
     24 
     25 table {
     26  margin-left: 3em;
     27 }
     28 
     29 @font-face {
     30  font-family: Sample;
     31  src: url(../fonts/mplus/mplus-1p-black.ttf);
     32  font-weight: 900;
     33 }
     34 
     35 .sample { font-family: Sample, fallback; }
     36 
     37 /* Windows */
     38 
     39 @font-face {
     40  font-family: Arial;
     41  src: url(../fonts/mplus/mplus-1p-black.ttf);
     42  font-weight: 900;
     43 }
     44 
     45 .arial { font-family: Arial, fallback; }
     46 
     47 @font-face {
     48  font-family: Times New Roman;
     49  src: url(../fonts/mplus/mplus-1p-black.ttf);
     50  font-weight: 900;
     51 }
     52 
     53 .timesnewroman { font-family: Times New Roman, fallback; }
     54 
     55 @font-face {
     56  font-family: Courier New;
     57  src: url(../fonts/mplus/mplus-1p-black.ttf);
     58  font-weight: 900;
     59 }
     60 
     61 .couriernew { font-family: Courier New, fallback; }
     62 
     63 /* Mac OS X */
     64 
     65 @font-face {
     66  font-family: Futura;
     67  src: url(../fonts/mplus/mplus-1p-black.ttf);
     68  font-weight: 900;
     69 }
     70 
     71 .futura { font-family: Futura, fallback; }
     72 
     73 @font-face {
     74  font-family: Helvetica;
     75  src: url(../fonts/mplus/mplus-1p-black.ttf);
     76  font-weight: 900;
     77 }
     78 
     79 .helvetica { font-family: Helvetica, fallback; }
     80 
     81 @font-face {
     82  font-family: Times;
     83  src: url(../fonts/mplus/mplus-1p-black.ttf);
     84  font-weight: 900;
     85 }
     86 
     87 .times { font-family: Times, fallback; }
     88 
     89 @font-face {
     90  font-family: Courier;
     91  src: url(../fonts/mplus/mplus-1p-black.ttf);
     92  font-weight: 900;
     93 }
     94 
     95 .courier { font-family: Courier, fallback; }
     96 
     97 /* Linux */
     98 
     99 @font-face {
    100  font-family: Bitstream Vera Sans;
    101  src: url(../fonts/mplus/mplus-1p-black.ttf);
    102  font-weight: 900;
    103 }
    104 
    105 .bitstreamverasans { font-family: Bitstream Vera Sans, fallback; }
    106 
    107 @font-face {
    108  font-family: DejaVu Sans;
    109  src: url(../fonts/mplus/mplus-1p-black.ttf);
    110  font-weight: 900;
    111 }
    112 
    113 .dejavusans { font-family: DejaVu Sans, fallback; }
    114 
    115 @font-face {
    116  font-family: FreeSans;
    117  src: url(../fonts/mplus/mplus-1p-black.ttf);
    118  font-weight: 900;
    119 }
    120 
    121 .freesans { font-family: FreeSans, fallback; }
    122 
    123 table {
    124  font-family: Sample;
    125 }
    126 
    127 table td {
    128  font-size: 24pt;
    129 }
    130 
    131 </style>
    132 
    133 </head>
    134 
    135 <body>
    136 
    137 <p>All text below should appear in the same extra bold font face:</p>
    138 
    139 <table>
    140 <tr class="sample"><td>Sample</td></tr>
    141 <tr class="arial"><td>Arial</td></tr>
    142 <tr class="timesnewroman"><td>Times New Roman</td></tr>
    143 <tr class="couriernew"><td>Courier New</td></tr>
    144 <tr class="futura"><td>Futura</td></tr>
    145 <tr class="helvetica"><td>Helvetica</td></tr>
    146 <tr class="times"><td>Times</td></tr>
    147 <tr class="courier"><td>Courier</td></tr>
    148 <tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
    149 <tr class="dejavusans"><td>DejaVu Sans</td></tr>
    150 <tr class="freesans"><td>FreeSans</td></tr>
    151 </table>
    152 
    153 </body>
    154 </html>