diff --git a/docs/nps-resources.adoc b/docs/nps-resources.adoc index e0468fc..12f3a5b 100644 --- a/docs/nps-resources.adoc +++ b/docs/nps-resources.adoc @@ -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`) — no current use case, but no licensing blocker either, worth 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 macrons (ā, ē, ī, ō, ū) and the okina (ʻ); the regular weight of Frutiger doesn't, so NPS uses a separate "HFrutiger" weight for diff --git a/docs/third-party-notices.adoc b/docs/third-party-notices.adoc index f64cd75..250aaad 100644 --- a/docs/third-party-notices.adoc +++ b/docs/third-party-notices.adoc @@ -63,6 +63,14 @@ SIL Open Font License, not BSD-3-Clause like the above: `256-511` only) | https://github.com/protomaps/basemaps-assets[protomaps/basemaps-assets] (`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 diff --git a/public/css/style.css b/public/css/style.css index f769c1f..e221398 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -4,6 +4,18 @@ html, body { 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 { height: 100%; display: flex; @@ -20,6 +32,7 @@ html, body { } .topbar__brand { + font-family: "National Park", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; diff --git a/public/vendor/national-park-typeface/NationalPark-Bold.woff2 b/public/vendor/national-park-typeface/NationalPark-Bold.woff2 new file mode 100644 index 0000000..bc88194 Binary files /dev/null and b/public/vendor/national-park-typeface/NationalPark-Bold.woff2 differ