Skip to content

fix: self-host Source fonts and tighten heading letter-spacing#29

Merged
benpeter merged 2 commits intomainfrom
fix/self-host-source-fonts
Mar 14, 2026
Merged

fix: self-host Source fonts and tighten heading letter-spacing#29
benpeter merged 2 commits intomainfrom
fix/self-host-source-fonts

Conversation

@benpeter
Copy link
Owner

Summary

  • Replace Roboto boilerplate (unused) with Source Code Pro, Source Sans 3, and Source Serif 4 italic — the fonts actually referenced in tokens.css
  • Source Code Pro and Source Sans 3 are variable fonts; one woff2 per subset covers all weights
  • Latin + latin-ext subsets only (~160KB total across all 6 files)
  • Add size-proportional negative letter-spacing tokens (h1–h5) to correct optical looseness of monospace at display sizes
  • Remove unused Roboto woff2 files (~116KB saved)
  • Updated /privacy on da.live to reflect fonts are now self-hosted

Test URLs

Test plan

  • Verify Source Code Pro loads for headings and logo
  • Verify Source Sans 3 loads for body text
  • Verify Source Serif 4 italic loads for tagline and pull-quotes
  • Confirm heading letter-spacing is tighter at all sizes
  • Check no external font requests in DevTools Network tab

🤖 Generated with Claude Code

claude added 2 commits March 14, 2026 12:12
The first section's margin-block-start was explicitly zeroed, causing the
post index to sit flush against the header border with no breathing room.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Signed-off-by: Ben Peter <bp@ben-peter.com>
- Replace Roboto boilerplate with Source Code Pro, Source Sans 3, and
  Source Serif 4 (italic) — the fonts actually referenced in tokens.css
- Source Code Pro and Source Sans 3 are variable fonts; one woff2 file
  per subset covers all weights
- Latin and latin-ext subsets only — sufficient for this English blog
- Add size-proportional negative letter-spacing tokens for h1–h5 to
  correct the optical looseness of monospace at display sizes
- Remove unused Roboto woff2 files

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Signed-off-by: Ben Peter <bp@ben-peter.com>
@aem-code-sync
Copy link

aem-code-sync bot commented Mar 14, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

@aem-code-sync
Copy link

aem-code-sync bot commented Mar 14, 2026

Page Scores Audits Google
📱 / PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ / PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@benpeter benpeter merged commit 838dfeb into main Mar 14, 2026
3 checks passed
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.

2 participants