-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
193 lines (166 loc) · 9.92 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Routed Gothic Font</title>
<link rel="stylesheet" href="css/app.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
</head>
<body>
<!--#include virtual="includes/header.inc.html" -->
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell">
<main>
<h1 class="page-title">
Routed Gothic Font
</h1>
<p>
A clean implementation of a common lettering style found on technical
drawings, engraved office signs, computer and typewriter keyboards,
and some comic books and avionics from the mid-20th century.
</p>
<p>
It’s ugly, and therein lies its beauty.
</p>
<p>
I created this font by purchasing a Leroy Lettering set, using
Inkscape to trace the scanned letterforms of one of its templates, and
some FontForge Python scripting.
</p>
<p>
Other keywords I want people to use to find this font include: Wrico.
</p>
<div class="grid-x grid-padding-x align-center">
<div class="cell medium-8 large-6">
<figure class="margin-bottom-1">
<a target="_blank" href="images/avionics-diagram-white-on-blue.png"><img class="bordered border-radius-1" src="images/avionics-diagram-white-on-blue.png"></a>
<figcaption>
Early 1970s avionics diagram, based on an image stolen from <a target="_blank" href="https://graphicdesign.stackexchange.com/questions/82370/font-from-old-70s-american-engineering-schematics">this StackOverflow question</a>, an answer to which mentions this font!
</figcaption>
</figure>
</div>
</div>
<h2>
Notes
</h2>
<p>
The “italic” fonts of this typeface are literally slanted 22.5°, as a
drafter would do.
</p>
<p>
The “half italic” fonts of this typeface are slanted 11.25°, as seen
in a small number of vintage drawings.
</p>
<p>
There are no hints, as I originally created this font for a project
intended to be printed at a sufficiently high resolution to obviate
them. I might make hints later though.
</p>
<h2>
License
</h2>
<p>
Routed Gothic is now distributed under the terms of the <a target="_blank" href="https://opensource.org/licenses/OFL-1.1">SIL Open Font
License 1.1</a>.
</p>
<h2>
Coverage
</h2>
<p>
Every ASCII character, ISO Latin 1, much of Unicode’s General
Punctuation block for common typographic symbols, and then some.
</p>
<h2>
Other Implementations of This Font
</h2>
<ul>
<li>
<a target="_blank" href="https://nationalparktypeface.com/">National Park</a> — Based on engraved National Park signage.
</li>
<li>
<a target="_blank" href="https://www.myfonts.com/fonts/nicksfonts/planscribe-nf/">Planscribe NF</a> — A similarly clean font with tighter kerning.
</li>
<li>
<a target="_blank" href="http://www.myfonts.com/fonts/coniglio/sublime/">Sublime</a> — A slightly distressed font, to recall comic book lettering.
</li>
<li>
<a target="_blank" href="https://kraemer.link/fonts/en/Gorton.html">Gorton</a> — There’s an actual italic!
</li>
<li>
<a target="_blank" href="https://github.com/drdnar/GortonDigital">Gorton Digital</a> — drdnar’s implementation. Free for non-commercial use. Based on Gorton engraving machine templates, providing some differences from the Leroy templates.
</li>
</ul>
<h2>
Other Fonts in a Similar Vein
</h2>
<ul>
<li>
<a target="_blank" href="https://www.myfonts.com/fonts/cercurius/simpliciter-sans/">Simpliciter Sans</a>
</li>
<li>
<a target="_blank" href="https://processtypefoundry.com/fonts/bryant-2/">Bryant</a>
</li>
<li>
<a target="_blank" href="http://www.typography.com/fonts/gotham-rounded/overview/">Gotham Rounded</a> —
One of the samples shows a schematic blueprint looking drawing that sells it very well.
</li>
<li>
<a target="_blank" href="https://www.fontspring.com/fonts/mark-simonson-studio/proxima-soft">Proxima Soft</a> —
A rounded version of Proxima Nova, a Gotham lookalike.
</li>
<li>
<a target="_blank" href="https://www.myfonts.com/font/efscangraphic/din-17-sb/">DIN 17 SB</a> — A rounded DIN font.
</li>
<li>
<a target="_blank" href="https://www.typografie.info/3/Schriften/fonts.html/din-17tgl-0-17-r623/">DIN 17 / TGL 0-17</a> and
<a target="_blank" href="https://www.typografie.info/3/Schriften/fonts.html/din-16tgl-0-16-r622/">DIN 16 / TGL 0-16</a> —
Italic and upright versions of the medium ISO 3098/1 (DIN 6776) font.
</li>
<li>
<a target="_blank" href="https://github.com/hikikomori82/osifont">osifont</a>
</li>
<li>
<a target="_blank" href="https://www.dafont.com/engineering-plot.font">Engineering Plot</a>
</li>
<li>
<a target="_blank" href="https://www.myfonts.com/font/nowak/engineer/">Engineer</a>
</li>
</ul>
<h2>
Other Aircraft Instrumentation Fonts
</h2>
<ul>
<li>
<a target="_blank" href="http://quicksearch.dla.mil/qsDocDetails.aspx?ident_number=41902">United States Military Standard 33558</a>,
Numerals and Letters, Aircraft Instrument Dial, Standard Form of —
It’s the font you’ve seen on old aircraft instruments.
Implementation by Derek Higgs <a target="_blank" href="https://webonastick.com/fonts/other/mil-spec-33558/">archived here</a>.
</li>
<li>
<a target="_blank" href="https://en.wikipedia.org/wiki/Futura_%28typeface%29">Futura</a>, ATF Spartan, etc.
</li>
</ul>
<h2>
My Other Font(s)
</h2>
<ul>
<li>
<a target="_blank" href="https://webonastick.com/fonts/dse-typewriter/">DSE Typewriter</a>,
an old-timey typewriter font you can use for coding. Can you not yet tell that I love old-timey fonts?
</li>
<li>
<a target="_blank" href="https://github.com/dse/dse-typewriter-bitmap-font">DSE Typewriter Bitmap</a>,
an X Window System bitmap font I made decades ago. It's similar to DSE Typewriter, but not exactly the same.
</li>
</ul>
</main>
</div>
</div>
</div>
<!--#include virtual="includes/footer.inc.html" -->
</body>
</html>