-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
70 lines (61 loc) · 5.66 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width" name="viewport">
<title>MN — The monospace fonts from the Google Fonts directory.</title>
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Azeret+Mono|JetBrains+Mono|Syne+Mono|Xanh+Mono|DM+Mono|Courier+Prime|Fira+Code|B612+Mono|Major+Mono+Display|IBM+Plex+Mono|Nanum+Gothic+Coding|Overpass+Mono|Space+Mono|Roboto+Mono|Fira+Mono|Share+Tech+Mono|Cutive+Mono|Source+Code+Pro|Oxygen+Mono|PT+Mono|Ubuntu+Mono|Nova+Mono|VT323|Anonymous+Pro|Cousine|Droid+Sans+Mono|Inconsolata" rel="stylesheet">
</head>
<body class="home">
<header>
<h1>MN</h1>
<p>The monospace fonts<br>
from<br>
the <a href="https://fonts.google.com/">Google Fonts</a> directory.</p>
</header>
<main>
<section class="index">
<h1>Index</h1>
<ul>
<li><a href="/mn/azeret-mono/" style='font-family: "Azeret Mono", monospace;'>Azeret Mono</a> <span class="author">by Displaay</span></li>
<li><a href="/mn/jetbrains-mono/" style='font-family: "JetBrains Mono", monospace;'>JetBrains Mono</a> <span class="author">by JetBrains</span></li>
<li><a href="/mn/syne-mono/" style='font-family: "Syne Mono", monospace;'>Syne Mono</a> <span class="author">by Bonjour Monde</span></li>
<li><a href="/mn/xanh-mono/" style='font-family: "Xanh Mono", monospace;'>Xanh Mono</a> <span class="author">by Yellow Foundry</span></li>
<li><a href="/mn/dm-mono/" style='font-family: "DM Mono", monospace;'>DM Mono</a> <span class="author">by Colophon Foundry</span></li>
<li><a href="/mn/courier-prime/" style='font-family: "Courier Prime", monospace;'>Courier Prime</a> <span class="author">by Alan Dague-Greene</span></li>
<li><a href="/mn/fira-code/" style='font-family: "Fira Code", monospace;'>Fira Code</a> <span class="author">by Nikita Prokopov</span></li>
<li><a href="/mn/b612-mono/" style='font-family: "B612 Mono", monospace;'>B612 Mono</a> <span class="author">by PolarSys</span></li>
<li><a href="/mn/major-mono-display/" style='font-family: "Major Mono Display", monospace;'>Major Mono Display</a> <span class="author">by Emre Parlak</span></li>
<li><a href="/mn/ibm-plex-mono/" style='font-family: "IBM Plex Mono", monospace;'>IBM Plex Mono</a> <span class="author">by Mike Abbink</span></li>
<li><a href="/mn/nanum-gothic-coding/" style='font-family: "Nanum Gothic Coding", monospace;'>Nanum Gothic Coding</a> <span class="author">by Sandoll</span></li>
<li><a href="/mn/overpass-mono/" style='font-family: "Overpass Mono", monospace;'>Overpass Mono</a> <span class="author">by Delve Withrington</span></li>
<li><a href="/mn/space-mono/" style='font-family: "Space Mono", monospace;'>Space Mono</a> <span class="author">by Colophon Foundry</span></li>
<li><a href="/mn/roboto-mono/" style='font-family: "Roboto Mono", monospace;'>Roboto Mono</a> <span class="author">by Christian Robertson</span></li>
<li><a href="/mn/fira-mono/" style='font-family: "Fira Mono", monospace;'>Fira Mono</a> <span class="author">by Carrois Apostrophe</span></li>
<li><a href="/mn/share-tech-mono/" style='font-family: "Share Tech Mono", monospace;'>Share Tech Mono</a> <span class="author">by Carrois Apostrophe</span></li>
<li><a href="/mn/cutive-mono/" style='font-family: "Cutive Mono", monospace;'>Cutive Mono</a> <span class="author">by Vernon Adams</span></li>
<li><a href="/mn/source-code-pro/" style='font-family: "Source Code Pro", monospace;'>Source Code Pro</a> <span class="author">by Paul D. Hunt</span></li>
<li><a href="/mn/oxygen-mono/" style='font-family: "Oxygen Mono", monospace;'>Oxygen Mono</a> <span class="author">by Vernon Adams</span></li>
<li><a href="/mn/pt-mono/" style='font-family: "PT Mono", monospace;'>PT Mono</a> <span class="author">by PalaType</span></li>
<li><a href="/mn/ubuntu-mono/" style='font-family: "Ubuntu Mono", monospace;'>Ubuntu Mono</a> <span class="author">by Dalton Maag</span></li>
<li><a href="/mn/nova-mono/" style='font-family: "Nova Mono", monospace;'>Nova Mono</a> <span class="author">by Wojciech Kalinowski</span></li>
<li><a href="/mn/vt323/" style='font-family: "VT323", monospace;'>VT323</a> <span class="author">by Peter Hull</span></li>
<li><a href="/mn/anonymous-pro/" style='font-family: "Anonymous Pro", monospace;'>Anonymous Pro</a> <span class="author">by Mark Simonson</span></li>
<li><a href="/mn/cousine/" style='font-family: "Cousine", monospace;'>Cousine</a> <span class="author">by Steve Matteson</span></li>
<li><a href="/mn/droid-sans-mono/" style='font-family: "Droid Sans Mono", monospace;'>Droid Sans Mono</a> <span class="author">by Steve Matteson</span></li>
<li><a href="/mn/inconsolata/" style='font-family: "Inconsolata", monospace;'>Inconsolata</a> <span class="author">by Raph Levien</span></li>
</ul>
</section>
<section class="info">
<h1>What?</h1>
<p>Monospace fonts can be used for body copy. However, these type of fonts are hard to review with a complex interface on Google Fonts.</p>
<p>This websites lists and creates a preview page for all monospace fonts hosted on Google Fonts. You can review these fonts with minimal style suitable for monospaced typefaces.</p>
</section>
</main>
<footer>
<p>Made by <a href="https://hail2u.net/">Kyo Nagashima</a>.</p>
</footer>
</body>
</html>