Skip to content

Show the app in Inter, served by the app itself - #39

Merged
TechNomadCode merged 1 commit into
mainfrom
feat/designed-typeface
Oct 21, 2026
Merged

TechNomadCode merged 1 commit into
mainfrom
feat/designed-typeface

Conversation

@TechNomadCode

Copy link
Copy Markdown
Owner

Slice 18, a designed typeface.

  • Inter replaces the system font everywhere. It comes through Next.js's font loader (next/font/google): the font files are downloaded at build time and served from the app's own /_next/static/media/, so the visitor's browser never contacts Google. No new package. Sizes, weights and spacing are unchanged.
  • Licence: SIL Open Font License 1.1 (https://github.com/rsms/inter, LICENSE.txt), which allows bundling it with software.
  • To keep the text from jumping, Next adds an "Inter Fallback" face (local Arial resized to Inter's metrics) that shows until Inter arrives. In Chromium on Windows, with Inter held back, the transcripts page grew 20px of 7,216 when it arrived, against 72px with plain Arial. Where Arial isn't installed (Linux, Android), the system font shows until Inter arrives.
  • The build now needs Google Fonts to be reachable.
  • New end-to-end test (tests/e2e/pages.spec.ts): every page uses Inter with the resized fallback, the font files come only from the app, and nothing is requested from Google. It fails on main's layout.
  • Changes nothing in src/server or src/lib, so nothing the model receives changes.

Local checks (2026-10-21): verify (472 unit tests) and test:e2e (64, 1 new) passed. Page checked at 1440px and 375px on a dev server with the fakes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@TechNomadCode
TechNomadCode merged commit 32315ed into main Oct 21, 2026
5 checks passed
@TechNomadCode
TechNomadCode deleted the feat/designed-typeface branch October 21, 2026 07:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant