|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
2 "http://www.w3.org/TR/html4/strict.dtd"> |
|
3 <html lang="en-US"> |
|
4 <head> |
|
5 <title></title> |
|
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
7 <style type="text/css"> |
|
8 |
|
9 @font-face { |
|
10 font-family: "MarkA"; |
|
11 src: url(../fonts/markA.ttf); |
|
12 } |
|
13 |
|
14 .c1 { font-family: sans-serif, MarkA; } |
|
15 .c2 { font-family: serif, MarkA; } |
|
16 .c3 { font-family: monospace, MarkA; } |
|
17 .c4 { font-family: fantasy, MarkA; } |
|
18 .c5 { font-family: cursive, MarkA; } |
|
19 |
|
20 .c11 { font-family: MarkA, sans-serif; } |
|
21 .c12 { font-family: MarkA, serif; } |
|
22 .c13 { font-family: MarkA, monospace; } |
|
23 .c14 { font-family: MarkA, fantasy; } |
|
24 .c15 { font-family: MarkA, cursive; } |
|
25 |
|
26 /* to ensure the same vertical positioning of the text */ |
|
27 .spacer { line-height: 3em } |
|
28 </style> |
|
29 </head> |
|
30 <body> |
|
31 |
|
32 <p class="c1">AB</p> |
|
33 <p class="c2">AB</p> |
|
34 <p class="c3">AB</p> |
|
35 <!-- Rev3 Fedora 12 test machines don't have fantasy or cursive, |
|
36 and WINNT 5.2 machines don't have fantasy. |
|
37 <p class="c4">AB</p> |
|
38 <p class="c5">AB</p> |
|
39 --> |
|
40 |
|
41 <p class="c11">A</p> |
|
42 <p><span class="c11">B</span><span class="spacer"></span></p> |
|
43 <p class="c12">A</p> |
|
44 <p><span class="c12">B</span><span class="spacer"></span></p> |
|
45 <p class="c13">A</p> |
|
46 <p><span class="c13">B</span><span class="spacer"></span></p> |
|
47 <!-- |
|
48 <p class="c14">A</p> |
|
49 <p class="c14">B</p> |
|
50 <p class="c15">A</p> |
|
51 <p class="c15">B</p> |
|
52 --> |
|
53 |
|
54 </body> |
|
55 </html> |