A calm place to write long-form, and publish it to the open social web.
skypress.blog/
Self-host Overused Grotesk; drop Fraunces + Newsreader
author
Jeremy Herve
date
(Jun 8, 2026, 5:42 PM +0200)
commit
b8f7c334
b8f7c3343570879065cb67cc8b68b0b1e4f58b99
parent
58ba60af
58ba60afdab6071a1d86771f1db0c4c8c749e698
+107
-27
-20
package-lock.json
-20
package-lock.json
···
15
15
"@atproto/common-web": "^0.5.0",
16
16
"@atproto/oauth-client-browser": "^0.4.1",
17
17
"@automattic/isolated-block-editor": "2.30.0",
18
-
"@fontsource-variable/fraunces": "^5.2.9",
19
-
"@fontsource-variable/newsreader": "^5.2.10",
20
18
"@fontsource/ibm-plex-mono": "^5.2.7",
21
19
"@wordpress/block-library": "9.24.0",
22
20
"@wordpress/blocks": "14.13.0",
···
2303
2301
"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
2304
2302
"integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
2305
2303
"license": "MIT"
2306
-
},
2307
-
"node_modules/@fontsource-variable/fraunces": {
2308
-
"version": "5.2.9",
2309
-
"resolved": "https://registry.npmjs.org/@fontsource-variable/fraunces/-/fraunces-5.2.9.tgz",
2310
-
"integrity": "sha512-Y6IjunlN9Ni723np+GIgAaKzCDBrPRrqNi01TZxHs5wtHYROWFM9W6yiT+/gGwSjWIRD18oX17kD/BRWekc/Lw==",
2311
-
"license": "OFL-1.1",
2312
-
"funding": {
2313
-
"url": "https://github.com/sponsors/ayuhito"
2314
-
}
2315
-
},
2316
-
"node_modules/@fontsource-variable/newsreader": {
2317
-
"version": "5.2.10",
2318
-
"resolved": "https://registry.npmjs.org/@fontsource-variable/newsreader/-/newsreader-5.2.10.tgz",
2319
-
"integrity": "sha512-MdI2iRwrqWpMOU/2aV2BgfZ4dJNlj/XlYaY8Zb7t87mWqHskYW0XiUANkt1cyOCiEfW2VQ0bQ5vZgGPp6B2B4w==",
2320
-
"license": "OFL-1.1",
2321
-
"funding": {
2322
-
"url": "https://github.com/sponsors/ayuhito"
2323
-
}
2324
2304
},
2325
2305
"node_modules/@fontsource/ibm-plex-mono": {
2326
2306
"version": "5.2.7",
-2
package.json
-2
package.json
···
24
24
"@atproto/common-web": "^0.5.0",
25
25
"@atproto/oauth-client-browser": "^0.4.1",
26
26
"@automattic/isolated-block-editor": "2.30.0",
27
-
"@fontsource-variable/fraunces": "^5.2.9",
28
-
"@fontsource-variable/newsreader": "^5.2.10",
29
27
"@fontsource/ibm-plex-mono": "^5.2.7",
30
28
"@wordpress/block-library": "9.24.0",
31
29
"@wordpress/blocks": "14.13.0",
+93
public/fonts/OverusedGrotesk-LICENSE.txt
+93
public/fonts/OverusedGrotesk-LICENSE.txt
···
1
+
Copyright (c) 2023-2025, Bao Nguyen/RandomMaerks (rmforbusiness@gmail.com).
2
+
3
+
This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
+
This license is copied below, and is also available with a FAQ at:
5
+
http://scripts.sil.org/OFL
6
+
7
+
8
+
-----------------------------------------------------------
9
+
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
+
-----------------------------------------------------------
11
+
12
+
PREAMBLE
13
+
The goals of the Open Font License (OFL) are to stimulate worldwide
14
+
development of collaborative font projects, to support the font creation
15
+
efforts of academic and linguistic communities, and to provide a free and
16
+
open framework in which fonts may be shared and improved in partnership
17
+
with others.
18
+
19
+
The OFL allows the licensed fonts to be used, studied, modified and
20
+
redistributed freely as long as they are not sold by themselves. The
21
+
fonts, including any derivative works, can be bundled, embedded,
22
+
redistributed and/or sold with any software provided that any reserved
23
+
names are not used by derivative works. The fonts and derivatives,
24
+
however, cannot be released under any other type of license. The
25
+
requirement for fonts to remain under this license does not apply
26
+
to any document created using the fonts or their derivatives.
27
+
28
+
DEFINITIONS
29
+
"Font Software" refers to the set of files released by the Copyright
30
+
Holder(s) under this license and clearly marked as such. This may
31
+
include source files, build scripts and documentation.
32
+
33
+
"Reserved Font Name" refers to any names specified as such after the
34
+
copyright statement(s).
35
+
36
+
"Original Version" refers to the collection of Font Software components as
37
+
distributed by the Copyright Holder(s).
38
+
39
+
"Modified Version" refers to any derivative made by adding to, deleting,
40
+
or substituting -- in part or in whole -- any of the components of the
41
+
Original Version, by changing formats or by porting the Font Software to a
42
+
new environment.
43
+
44
+
"Author" refers to any designer, engineer, programmer, technical
45
+
writer or other person who contributed to the Font Software.
46
+
47
+
PERMISSION & CONDITIONS
48
+
Permission is hereby granted, free of charge, to any person obtaining
49
+
a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
+
redistribute, and sell modified and unmodified copies of the Font
51
+
Software, subject to the following conditions:
52
+
53
+
1) Neither the Font Software nor any of its individual components,
54
+
in Original or Modified Versions, may be sold by itself.
55
+
56
+
2) Original or Modified Versions of the Font Software may be bundled,
57
+
redistributed and/or sold with any software, provided that each copy
58
+
contains the above copyright notice and this license. These can be
59
+
included either as stand-alone text files, human-readable headers or
60
+
in the appropriate machine-readable metadata fields within text or
61
+
binary files as long as those fields can be easily viewed by the user.
62
+
63
+
3) No Modified Version of the Font Software may use the Reserved Font
64
+
Name(s) unless explicit written permission is granted by the corresponding
65
+
Copyright Holder. This restriction only applies to the primary font name as
66
+
presented to the users.
67
+
68
+
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
+
Software shall not be used to promote, endorse or advertise any
70
+
Modified Version, except to acknowledge the contribution(s) of the
71
+
Copyright Holder(s) and the Author(s) or with their explicit written
72
+
permission.
73
+
74
+
5) The Font Software, modified or unmodified, in part or in whole,
75
+
must be distributed entirely under this license, and must not be
76
+
distributed under any other license. The requirement for fonts to
77
+
remain under this license does not apply to any document created
78
+
using the Font Software.
79
+
80
+
TERMINATION
81
+
This license becomes null and void if any of the above conditions are
82
+
not met.
83
+
84
+
DISCLAIMER
85
+
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
+
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
+
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
+
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
+
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
+
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
+
OTHER DEALINGS IN THE FONT SOFTWARE.
public/fonts/OverusedGrotesk-VF.woff
public/fonts/OverusedGrotesk-VF.woff
This is a binary file and will not be displayed.
public/fonts/OverusedGrotesk-VF.woff2
public/fonts/OverusedGrotesk-VF.woff2
This is a binary file and will not be displayed.
+14
-5
src/styles/global.css
+14
-5
src/styles/global.css
···
3
3
* "The open sky meets the typesetter's bench" — editorial letterpress + open air.
4
4
* Self-hosted, freely-licensed fonts; light + dark first-class.
5
5
*/
6
-
@import '@fontsource-variable/fraunces';
7
-
@import '@fontsource-variable/newsreader';
8
6
@import '@fontsource/ibm-plex-mono/400.css';
9
7
@import '@fontsource/ibm-plex-mono/500.css';
10
8
9
+
/* Overused Grotesk — self-hosted variable font (OFL-1.1, see public/fonts/). */
10
+
@font-face {
11
+
font-family: 'Overused Grotesk';
12
+
src:
13
+
url('/fonts/OverusedGrotesk-VF.woff2') format('woff2-variations'),
14
+
url('/fonts/OverusedGrotesk-VF.woff') format('woff-variations');
15
+
font-weight: 300 900;
16
+
font-style: normal;
17
+
font-display: swap;
18
+
}
19
+
11
20
:root {
12
-
/* Type */
13
-
--font-display: 'Fraunces Variable', Georgia, 'Times New Roman', serif;
14
-
--font-body: 'Newsreader Variable', Georgia, serif;
21
+
/* Type — one grotesk for display + body, mono for labels/code */
22
+
--font-display: 'Overused Grotesk', system-ui, sans-serif;
23
+
--font-body: 'Overused Grotesk', system-ui, sans-serif;
15
24
--font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
16
25
17
26
/* Palette — light (warm paper, ink, altitude blue) */