D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
kynnjo
Full window
Github gist
Test of a browser's ability to display the Terminus font
<!DOCTYPE html> <html> <head> <title>Terminus test</title> <style> body { padding: 0px; margin: 0px; } div { outline: 1px solid #aaa; min-width: 570px; max-width: 570px; min-height: 570px; max-height: 570px; overflow: hidden; padding: 5px; } table { border-collapse: collapse; } table td, p { white-space: nowrap; padding: 2px; } </style> </head> <body> <div> <p style="font-family:Terminus,monospace;">The quick brown fox jumps over the lazy dog.</p> <table> <tbody> <tr style="font-family:Terminus,monospace;font-size:12px;font-weight:normal;"><td>12px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:12px;font-weight:bold;" ><td>12px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:14px;font-weight:normal;"><td>14px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:14px;font-weight:bold;" ><td>14px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:16px;font-weight:normal;"><td>16px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:16px;font-weight:bold;" ><td>16px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:18px;font-weight:normal;"><td>18px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:18px;font-weight:bold;" ><td>18px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:20px;font-weight:normal;"><td>20px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:20px;font-weight:bold;" ><td>20px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:22px;font-weight:normal;"><td>22px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:22px;font-weight:bold;" ><td>22px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:24px;font-weight:normal;"><td>24px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:24px;font-weight:bold;" ><td>24px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:28px;font-weight:normal;"><td>28px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:28px;font-weight:bold;" ><td>28px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:32px;font-weight:normal;"><td>32px normal</td><td>The quick brown fox jumps over the lazy dog.</td></tr> <tr style="font-family:Terminus,monospace;font-size:32px;font-weight:bold;" ><td>32px bold </td><td>The quick brown fox jumps over the lazy dog.</td></tr> </tbody> </table> </div> </body> </html>