|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Arial Variations</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 } |
|
12 |
|
13 p#test1 { font-family: Arial, sans-serif; } |
|
14 p#test2 { font-family: Georgia, serif; } |
|
15 p#test3 { font-family: Georgia, serif; } |
|
16 p#test4 { font-family: Georgia, serif; } |
|
17 |
|
18 p#test1 { color: black; } |
|
19 p#test2 { color: red; } |
|
20 p#test3 { color: red; } |
|
21 p#test4 { color: red; } |
|
22 |
|
23 #tests { |
|
24 font-size: 18pt; |
|
25 margin-left: 0.5em; |
|
26 } |
|
27 |
|
28 </style> |
|
29 |
|
30 </head> |
|
31 <body> |
|
32 |
|
33 <p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p> |
|
34 |
|
35 <div id="tests"> |
|
36 <p id="test1">{ font-family: Arial, sans-serif; }</p> |
|
37 <p id="test2">{ font-family: Arial Bold, Georgia, serif; }</p> |
|
38 <p id="test3">{ font-family: Arial Italic, Georgia, serif; }</p> |
|
39 <p id="test4">{ font-family: Arial Bold Italic, Georgia, serif; }</p> |
|
40 </div> |
|
41 |
|
42 </body> |
|
43 </html> |