|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Tiny ugly fonts</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, div { |
|
14 margin: 0; |
|
15 } |
|
16 |
|
17 #test { |
|
18 font-size: 1px; |
|
19 } |
|
20 |
|
21 #test p { |
|
22 font-size: 8.3%; |
|
23 } |
|
24 |
|
25 #f1 { font-family: Terminal; } |
|
26 #f2 { font-family: FixedSys; } |
|
27 #f3 { font-family: Script; } |
|
28 #f4 { font-family: Roman; } |
|
29 |
|
30 </style> |
|
31 |
|
32 </head> |
|
33 <body> |
|
34 |
|
35 <h4>No text should show below this line</h4> |
|
36 <div id="test"> |
|
37 <p id="f1">ugly font</p> |
|
38 <p id="f2">ugly font</p> |
|
39 <p id="f3">ugly font</p> |
|
40 <p id="f4">ugly font</p> |
|
41 </div> |
|
42 |
|
43 </body> |
|
44 </html> |