Use the National Park typeface for the topbar wordmark
CI / check (push) Successful in 17s
CI / deploy (push) Successful in 12s

Self-hosted Bold woff2 only (the one weight .topbar__brand renders at)
under public/vendor/national-park-typeface/ — a router-carved-signage
display face for the "MAPTOOL" heading, matching the uppercase/
letter-spaced treatment it already had. Everything else stays on the
system font stack; this is a wordmark swap, not a body-text one.

docs/nps-resources.adoc/third-party-notices.adoc updated to record it.
This commit is contained in:
randy committed 2026-09-10 23:50:19 +02:00
1 parent a5adb39770
commit c8b6dd2fb1
4 files changed
+35

No files matched your search

+14
View File
@@ -259,6 +259,20 @@ own work (a map viewer, not a publisher of NPS-branded content):
own UI chrome (currently plain system fonts, `public/css/style.css`) — own UI chrome (currently plain system fonts, `public/css/style.css`) —
no current use case, but no licensing blocker either, worth no current use case, but no licensing blocker either, worth
remembering if that comes up. remembering if that comes up.
* *Another open alternative, for display use*: https://nationalparktypeface.com[National Park]
— a separate, unrelated project (Ben Hoepner, Andrea Herstowski, Jeremy
Shellhorn / DO Studio), also SIL OFL licensed, also original ("inspired
by" park signage, not a Rawlinson reproduction). Ships as variable
`.ttf`, `.woff`/`.woff2`, and `.otf` — self-hostable via `@font-face`
the same way. Where it differs from Sequoia Sans above: it's a
router-carved-signage *display* face (the chunky all-caps look of
actual trailhead signs), not a general body/UI sans — best fit would be
a wordmark/heading use (e.g. the topbar's "MAPTOOL" text) alongside a
more legible sans for body copy, not a full typeface swap. Now used for
exactly that: `.topbar__brand` only (`public/css/style.css`), Bold
weight vendored under `public/vendor/national-park-typeface/` — see
`docs/third-party-notices.adoc`. Body copy elsewhere still plain system
fonts, unchanged.
* *Hawaiian typography*: NPS Rawlinson includes vowels with Hawaiian * *Hawaiian typography*: NPS Rawlinson includes vowels with Hawaiian
macrons (ā, ē, ī, ō, ū) and the okina (ʻ); the regular weight of macrons (ā, ē, ī, ō, ū) and the okina (ʻ); the regular weight of
Frutiger doesn't, so NPS uses a separate "HFrutiger" weight for Frutiger doesn't, so NPS uses a separate "HFrutiger" weight for
+8
View File
@@ -63,6 +63,14 @@ SIL Open Font License, not BSD-3-Clause like the above:
`256-511` only) `256-511` only)
| https://github.com/protomaps/basemaps-assets[protomaps/basemaps-assets] | https://github.com/protomaps/basemaps-assets[protomaps/basemaps-assets]
(`fonts/`, `OFL.txt` included alongside) (`fonts/`, `OFL.txt` included alongside)
| National Park (Bold weight only, `.woff2`), topbar wordmark
(`.topbar__brand`, `public/css/style.css`) — see
`docs/nps-resources.adoc`
| https://nationalparktypeface.com[nationalparktypeface.com] (Ben
Hoepner, Andrea Herstowski, Jeremy Shellhorn / DO Studio) — "published
for free use under the SIL Open Font License" per the site; no
`OFL.txt` ships in its own download zips, unlike Noto Sans above
|=== |===
The online map style (not vendored, fetched at runtime when the The online map style (not vendored, fetched at runtime when the
+13
View File
@@ -4,6 +4,18 @@ html, body {
font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
} }
/* Router-carved-signage display face (docs/nps-resources.adoc), used only
for the topbar wordmark below — a full body-text swap is a separate,
bigger decision this isn't. Bold is the only weight vendored since
.topbar__brand only ever renders at font-weight 700. */
@font-face {
font-family: "National Park";
src: url("/vendor/national-park-typeface/NationalPark-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
#app { #app {
height: 100%; height: 100%;
display: flex; display: flex;
@@ -20,6 +32,7 @@ html, body {
} }
.topbar__brand { .topbar__brand {
font-family: "National Park", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
letter-spacing: 0.12em; letter-spacing: 0.12em;
Binary file not shown.