Skip to content

Instantly share code, notes, and snippets.

@kynnjo

kynnjo/index.html

Last active March 8, 2016 15:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kynnjo/d1c2b75e0903054e0163 to your computer and use it in GitHub Desktop.
Save kynnjo/d1c2b75e0903054e0163 to your computer and use it in GitHub Desktop.
Download ZIP
Test of a browser's ability to display the Terminus font
Raw
index.html
<!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>
@kynnjo
Copy link
Author

kynnjo commented Mar 8, 2016

Results can be seen here (iceweasel on the left; chromium on the right)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment