-
Notifications
You must be signed in to change notification settings - Fork 42
/
index.html
406 lines (347 loc) · 17.9 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE HTML>
<html lang="en-us">
<head>
<!-- <link rel="stylesheet" href="stylesheet.css"> -->
<style type="text/css">
body style {
display: block;
border: 1px solid black;
padding: 0 1em;
font-family: monospace;
white-space: pre;
overflow-x: scroll;
background-color: #eee;
}
p.demo {
font-size: 2rem;
}
p + style {
margin-top: 4rem;
}
footer {
text-align: center;
}
</style>
<title>Solbera's Dungeons and Dragons Fifth Edition Fonts</title>
<meta name="description" content="A dingus to show Solbera's 22 DND 5e font faces, released uncer CC-BY-SA 4.0">
</head>
<body>
<h1>Solbera's DND 5e Fonts</h1>
<p>This is a copy of Solbera's Creative Commons Attribution Share-Alike 4.0 fonts taken from <a href="https://www.reddit.com/r/UnearthedArcana/comments/3vpphx/5e_font_package_embeddable_cc_edition/">this Reddit thread</a>, combined with Ryrok's fixes from <a href="https://www.reddit.com/r/UnearthedArcana/comments/4loka0/fixed_versions_of_solberas_fonts/">this Reddit thread</a>.</p>
<p>The fonts have unique names based on the original fonts' names:</p>
<table>
<thead>
<tr>
<th>Original Font</th>
<th>Solbera's Font</th>
<th>Usage</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bookmania</td>
<td><a href="#bookinsanity">Bookinsanity</a></td>
<td>Body text</td>
</tr>
<tr>
<td>Dai Vernon Misdirect</td>
<td><a href="#zatanna">Zatanna Misdirection</a></td>
<td>Monster Manual quotes</td>
</tr>
<tr>
<td>Modesto Bold Condensed</td>
<td><a href="#nodesto">Nodesto Caps Condensed</a></td>
<td>Book and card titles</td>
</tr>
<tr>
<td>Mrs Eaves Small Caps</td>
<td><a href="#eaves">Mr Eaves Small Caps</a></td>
<td>Headings</td>
</tr>
<tr>
<td>Scala Sans</td>
<td><a href="#scaly">Scaly Sans</a></td>
<td>Tables</td>
</tr>
<tr>
<td>Scala Sans Caps</td>
<td><a href="#scalycaps">Scaly Sans Caps</a></td>
<td>Titles of tables</td>
</tr>
<tr>
<td>(unknown)</td>
<td><a href="#solbera">Solbera Imitation</a></td>
<td>Drop caps</td>
</tr>
<tr>
<td>(unknown)</td>
<td><a href="#dungeon-drop-case">Dungeon Drop Case (Ners)</a></td>
<td>Drop caps</td>
</tr>
</tbody>
</table>
<p>This webpage represents the fonts in this GitHub repository as web fonts, using your browser's <a href="https://caniuse.com/#feat=ttf">OpenType font support</a>.</p>
<style id="bookinsanity" type="text/css">
@font-face {
font-family: "Bookinsanity";
src:
local("Bookinsanity Remake"),
local("Bookinsanity"),
url("./Bookinsanity/Bookinsanity.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Bookinsanity/Bookinsanity.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Bookinsanity', serif;">This text is in Bookinsanity. The rains fell softly on the forest, dampening the Ranger as he waited for his prey. The jewels in his pouch clinked gently.</p>
<style type="text/css">
@font-face {
font-family: "Bookinsanity";
src:
local("Bookinsanity Remake"),
local("Bookinsanity"),
url("./Bookinsanity/Bookinsanity Bold Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Bookinsanity/Bookinsanity%20Bold%20Italic.otf") format("opentype");
font-weight: bold;
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Bookinsanity', serif; font-weight: bold; font-style: italic;">This text is in Bookinsanity Bold Italic. The Barbarian waltzed into the bar, sat down at a table, and ordered the largest mug of the foulest brew that the innkeep had to sell. She needed to wash the taste of Undead out of her teeth.</p>
<style type="text/css">
@font-face {
font-family: "Bookinsanity";
src:
local("Bookinsanity Remake"),
local("Bookinsanity"),
url("./Bookinsanity/Bookinsanity Bold.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Bookinsanity/Bookinsanity%20Bold.otf") format("opentype");
font-weight: bold;
}
</style>
<p contenteditable class="demo" style="font-family: 'Bookinsanity', serif; font-weight: bold;">This text is in Bookinsanity Bold. The Bard was sure he could get through the gate. All he had to do is convincinly explain why he was being followed by a bright yellow, vocally angry Flumph.</p>
<style type="text/css">
@font-face {
font-family: "Bookinsanity";
src:
local("Bookinsanity Remake"),
local("Bookinsanity"),
url("./Bookinsanity/Bookinsanity Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Bookinsanity/Bookinsanity%20Italic.otf") format("opentype");
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Bookinsanity', serif; font-style: italic;">This text is in Bookinsanity Italic. The Cleric gave up trying to speak with the Svirfneblin; they had tried Common, Undercommon, Elvish, Gnomish, Goblin, Sylvan, Orc and even Abyssal, but they could not get across to the tiny Svirfneblin the danger it was in.</p>
<style id="zatanna" type="text/css">
@font-face {
font-family: "Zatanna Misdirection";
src:
local("Zatanna Misdirection"),
url("./Zatanna Misdirection/Zatanna Misdirection.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Zatanna%20Misdirection/Zatanna%20Misdirection.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Zatanna Misdirection', serif;">This text is in Zatanna Misdirection. Yesterday the Druid had planted flowers in their garden. Today, they would defend the pumpkin patch against invaders.</p>
<style type="text/css">
@font-face {
font-family: "Zatanna Misdirection";
src:
local("Zatanna Misdirection"),
url("./Zatanna Misdirection/Zatanna Misdirection Bold Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Zatanna%20Misdirection/Zatanna%20Misdirection%20Bold%20Italic.otf") format("opentype");
font-weight: bold;
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Zatanna Misdirection', serif; font-weight: bold; font-style: italic;">This text is in Zatanna Misdirection Bold Italic. The Fighter polished her sword. She was stalling for time; this battle would not be pleasant. Sibling rivalries never were.</p>
<style type="text/css">
@font-face {
font-family: "Zatanna Misdirection";
src:
local("Zatanna Misdirection"),
url("./Zatanna Misdirection/Zatanna Misdirection Bold.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Zatanna%20Misdirection/Zatanna%20Misdirection%20Bold.otf") format("opentype");
font-weight: bold;
}
</style>
<p contenteditable class="demo" style="font-family: 'Zatanna Misdirection', serif; font-weight: bold;">This text is in Zatanna Misdirection Bold. High on the temple tower, the Monk watched the acolytes light the courtyard lanterns below. He was sure he had mastered Slow Fall, but could he prove it to the Abbot?</p>
<style type="text/css">
@font-face {
font-family: "Zatanna Misdirection";
src:
local("Zatanna Misdirection"),
url("./Zatanna Misdirection/Zatanna Misdirection Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Zatanna%20Misdirection/Zatanna%20Misdirection%20Italic.otf") format("opentype");
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Zatanna Misdirection', serif; font-style: italic;">This text is in Zatanna Misdirection Italic. The Paladin had cracked. All they could think was the last words of their opponent: "Only nothingness above."</p>
<style id="nodesto" type="text/css">
@font-face {
font-family: "Nodesto Caps Condensed";
src:
local("Nodesto Caps Condensed"),
url("./Nodesto Caps Condensed/Nodesto Caps Condensed.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Nodesto%20Caps%20Condensed/Nodesto%20Caps%20Condensed.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Nodesto Caps Condensed', serif;">This text is in Nodesto Caps Condensed. The Rogue was ready. So, so ready. now was the time for dancing, and her competitors would not see her coming.</p>
<style type="text/css">
@font-face {
font-family: "Nodesto Caps Condensed";
src:
local("Nodesto Caps Condensed"),
url("./Nodesto Caps Condensed/Nodesto Caps Condensed Bold Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Nodesto%20Caps%20Condensed/Nodesto%20Caps%20Condensed%20Bold%20Italic.otf") format("opentype");
font-weight: bold;
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Nodesto Caps Condensed', serif; font-weight: bold; font-style: italic;">This text is in Nodesto Caps Condensed Bold Italic. At long last, Luck was with the Sorceror. He had seen what the rest of the party had not, and quickly cast Snilloc's Snowball Storm to defend against the schoolchildren.</p>
<style type="text/css">
@font-face {
font-family: "Nodesto Caps Condensed";
src:
local("Nodesto Caps Condensed"),
url("./Nodesto Caps Condensed/Nodesto Caps Condensed Bold.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Nodesto%20Caps%20Condensed/Nodesto%20Caps%20Condensed%20Bold.otf") format("opentype");
font-weight: bold;
}
</style>
<p contenteditable class="demo" style="font-family: 'Nodesto Caps Condensed', serif; font-weight: bold;">This text is in Nodesto Caps Condensed Bold. The Warlock's patron had brought em to a strange and desolate island, but eir task here was obvious. The castle on the central peak must be purged.</p>
<style type="text/css">
@font-face {
font-family: "Nodesto Caps Condensed";
src:
local("Nodesto Caps Condensed"),
url("./Nodesto Caps Condensed/Nodesto Caps Condensed Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Nodesto%20Caps%20Condensed/Nodesto%20Caps%20Condensed%20Italic.otf") format("opentype");
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Nodesto Caps Condensed', serif; font-style: italic;">This text is in Nodesto Caps Condensed Italic. The Wizard was running late. She'd missed the last ferry to the city, and though she had been able to procure a kayak, her lack of proficiency with it was rapidly drawing her towards the city's waterfall.</p>
<style id="eaves"type="text/css">
@font-face {
font-family: "Mr Eaves Small Caps";
src:
local("Mr Eaves Small Caps"),
url("./Mr Eaves/Mr Eaves Small Caps.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Mr%20Eaves/Mr%20Eaves%20Small%20Caps.otf") format("opentype");
font-feature-settings: "smcp" on;
}
</style>
<p contenteditable class="demo" style="font-family: 'Mr Eaves Small Caps', serif;">This text is in Mr Eaves Small Caps. In a hole in the ground there lived a Halfling, for he had not yet heard the call of adventure. That would come next week, when the tavern burned down.</p>
<style id="scaly" type="text/css">
@font-face {
font-family: "Scaly Sans";
src:
local("Scaly Sans Remake"),
local("Scaly Sans"),
url("./Scaly Sans/Scaly Sans.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans/Scaly%20Sans.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans', serif;">This text is in Scaly Sans. The dragon was discontent, for its entire horde had disappeared while it was out hunting. It suspected the local fishermen, and set out to steal their boats.</p>
<style type="text/css">
@font-face {
font-family: "Scaly Sans";
src:
local("Scaly Sans Remake"),
local("Scaly Sans"),
url("./Scaly Sans/Scaly Sans Bold Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans/Scaly%20Sans%20Bold%20Italic.otf") format("opentype");
font-weight: bold;
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans', serif; font-weight: bold; font-style: italic;">This text is in Scaly Sans Bold Italic. It was a time of peace, and so of course the Soldier was worried. The silence of the night kept her waiting for the zip of an arrow, the crackle of a spell, the scream of a sword. She needed something to do, and that would probably require desertion.</p>
<style type="text/css">
@font-face {
font-family: "Scaly Sans";
src:
local("Scaly Sans Remake"),
local("Scaly Sans"),
url("./Scaly Sans/Scaly Sans Bold.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans/Scaly%20Sans%20Bold.otf") format("opentype");
font-weight: bold;
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans', serif; font-weight: bold;">This text is in Scaly Sans Bold. Why was the Criminal in this city? Certainly he didn't need any money. But the pact he had made with his patron required him to seek knowledge, and this town's university had a tempting library.</p>
<style type="text/css">
@font-face {
font-family: "Scaly Sans";
src:
local("Scaly Sans Remake"),
local("Scaly Sans"),
url("./Scaly Sans/Scaly Sans Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans/Scaly%20Sans%20Italic.otf") format("opentype");
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans', serif; font-style: italic;">This text is in Scaly Sans Italic. If one more traveling writer asked the Hermit what life was like atop her pole, she swore she would climb down, uproot her pole, drag it into the city where the writers came from, and spit their leader upon its sharpened point.</p>
<style id="scalycaps" type="text/css">
@font-face {
font-family: "Scaly Sans Caps";
src:
local("Scaly Sans Caps"),
url("./Scaly Sans Caps/Scaly Sans Caps.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans%20Caps/Scaly%20Sans%20Caps.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans Caps', serif;">This text is in Scaly Sans Caps. This Urchin had grown up on the streets alone, until this Urchin forged a family. Now, these Urchins ruled seven city blocks. Soon, they would be big enough to take on the City Guard.</p>
<style type="text/css">
@font-face {
font-family: "Scaly Sans Caps";
src:
local("Scaly Sans Caps"),
url("./Scaly Sans Caps/Scaly Sans Caps Bold Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans%20Caps/Scaly%20Sans%20Caps%20Bold%20Italic.otf") format("opentype");
font-weight: bold;
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans Caps', serif; font-weight: bold; font-style: italic;">This text is in Scaly Sans Caps Bold Italic. The Charlatan was bored, bored, bored. He'd been stuck on this rock for seventeen days after being thrown overboard by the pirates. Was that a sail on the horizon? No, probably just a wisp of cloud.</p>
<style type="text/css">
@font-face {
font-family: "Scaly Sans Caps";
src:
local("Scaly Sans Caps"),
url("./Scaly Sans Caps/Scaly Sans Caps Bold.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans%20Caps/Scaly%20Sans%20Caps%20Bold.otf") format("opentype");
font-weight: bold;
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans Caps', serif; font-weight: bold;">This text is in Scaly Sans Caps Bold. The Sailor didn't expect to find a tiefling sitting on a rock in the middle of an ocean, and she didn't expect him to be such a smooth talker. If he deserted her when they hit port, she'd kill him herself.</p>
<style type="text/css">
@font-face {
font-family: "Scaly Sans Caps";
src:
local("Scaly Sans Caps"),
url("./Scaly Sans Caps/Scaly Sans Caps Italic.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Scaly%20Sans%20Caps/Scaly%20Sans%20Caps%20Italic.otf") format("opentype");
font-style: italic;
}
</style>
<p contenteditable class="demo" style="font-family: 'Scaly Sans Caps', serif; font-style: italic;">This text is in Scaly Sans Caps Italic. The Weapon Master was also a blacksmith, which was helpful when a roving party came to town, flush with money, looking for upgraded blades. They wanted swords? She had swords. Lots of swords.</p>
<style id="solbera" type="text/css">
@font-face {
font-family: "Solbera Imitation";
src:
local("Solbera Imitation"),
url("./Solbera Imitation/Solbera Imitation.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Solbera%20Imitation/Solbera%20Imitation.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Solbera Imitation', serif;">This text is in Solbera Imitation. If you can read this text, talk to the priest of the smallest temple in the city.</p>
<style id="dungeon-drop-case" type="text/css">
@font-face {
font-family: "Dungeon Drop Case";
src:
local("Dungeon Drop Case"),
url("./Dungeon Drop Case/Dungeon Drop Case.otf"),
url("https://raw.githubusercontent.com/jonathonf/solbera-dnd-fonts/master/Dungeon%20Drop%20Case/Dungeon%20Drop%20Case.otf") format("opentype");
}
</style>
<p contenteditable class="demo" style="font-family: 'Dungeon Drop Case', serif;">This text is in Dungeon Drop Case. The wizard Eigengrau shook her head. The text was totally illegible, and she found that she couldn't decipher it, despite her skill.</p>
<footer>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
</footer>
</body>
</html>