<!DOCTYPE HTML> <html> <head> <title>Tiny ugly fonts</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { margin: 50px; } p, div { margin: 0; } #test { font-size: 1px; } #test p { font-size: 8.3%; } #f1 { font-family: Terminal; } #f2 { font-family: FixedSys; } #f3 { font-family: Script; } #f4 { font-family: Roman; } </style> </head> <body> <h4>No text should show below this line</h4> <div id="test"> <p id="f1">ugly font</p> <p id="f2">ugly font</p> <p id="f3">ugly font</p> <p id="f4">ugly font</p> </div> </body> </html>