Skip to content

Add custom typography with Inter and JetBrains Mono fonts#231

Merged
amavashev merged 1 commit intomainfrom
claude/improve-doc-font-sS0TQ
Mar 25, 2026
Merged

Add custom typography with Inter and JetBrains Mono fonts#231
amavashev merged 1 commit intomainfrom
claude/improve-doc-font-sS0TQ

Conversation

@amavashev
Copy link
Contributor

Summary

This PR introduces custom typography to the documentation site by importing and configuring Inter for body text and JetBrains Mono for code blocks, replacing VitePress's default font stacks.

Changes

  • Import Inter font (weights 400, 500, 600, 700) from Google Fonts for body text
  • Import JetBrains Mono font (weights 400, 500, 600) from Google Fonts for monospace/code
  • Override VitePress CSS custom properties (--vp-font-family-base and --vp-font-family-mono) with the new font families while maintaining fallback font stacks for better compatibility

Implementation Details

  • Fonts are imported via Google Fonts API with display=swap for optimal font loading performance
  • Fallback font stacks are preserved to ensure graceful degradation if custom fonts fail to load
  • Changes are organized under a new "Typography" section in the custom CSS file for better maintainability

https://claude.ai/code/session_01B7Mm8AcHD3omYYSNTAdg9W

Replace default system font stack with Inter (body) and JetBrains Mono (code)
to establish consistent brand identity across platforms. Inter provides excellent
screen readability with tabular numbers suited for budget/cost documentation.
JetBrains Mono improves code block legibility with disambiguated characters.
@amavashev amavashev merged commit d74f1ee into main Mar 25, 2026
2 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