layout/reftests/font-face/name-collision-ref.html

branch
TOR_BUG_9701
changeset 11
deefc01c0e14
equal deleted inserted replaced
-1:000000000000 0:4556c9464252
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 table {
38 font-family: Sample;
39 }
40
41 table td {
42 font-size: 24pt;
43 }
44
45 </style>
46
47 </head>
48
49 <body>
50
51 <p>All text below should appear in the same extra bold font face:</p>
52
53 <table>
54 <tr class="sample"><td>Sample</td></tr>
55 <tr class="arial"><td>Arial</td></tr>
56 <tr class="timesnewroman"><td>Times New Roman</td></tr>
57 <tr class="couriernew"><td>Courier New</td></tr>
58 <tr class="futura"><td>Futura</td></tr>
59 <tr class="helvetica"><td>Helvetica</td></tr>
60 <tr class="times"><td>Times</td></tr>
61 <tr class="courier"><td>Courier</td></tr>
62 <tr class="bitstreamverasans"><td>Bitstream Vera Sans</td></tr>
63 <tr class="dejavusans"><td>DejaVu Sans</td></tr>
64 <tr class="freesans"><td>FreeSans</td></tr>
65 </table>
66
67 </body>
68 </html>

mercurial