fix: google fonts rendering with satori #440
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Filter to Latin-only unicode-range subsets to avoid tofu - Prefer WOFF over WOFF2 (static fonts work directly with Satori) - Convert WOFF2→TTF using wawoff2 when no WOFF fallback exists - Write converted fonts to @nuxt/fonts cache for unified output - Warn when variable fonts detected (Satori doesn't support weight axes)
Instead of filtering to Latin-only subsets, extract and pass through the unicode-range from @font-face blocks. This lets Satori pick the right font for each character. Falls back to Latin range if missing.
Variable fonts converted from WOFF2 have fvar tables that crash opentype.js when parsed. This change: 1. Deletes variable font TTFs after conversion instead of keeping them 2. Checks cached TTFs for variable font markers and deletes if found 3. Suppresses 404 warnings for intentionally deleted TTF files Satori falls back to WOFF fonts which work correctly.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🔗 Linked issue
❓ Type of change
📚 Description
Google Fonts unicode-range subsetting caused issues with Satori - non-Latin subsets would get loaded but lack glyphs for Latin text. WOFF2 variable fonts also don't work since Satori doesn't support font variation axes.
This extracts unicode-range from font-face blocks and passes it through to Satori for proper glyph selection (falling back to Latin range if missing). It prefers static WOFF over variable WOFF2 when both are available, and converts WOFF2→TTF using wawoff2 for all subsets. Converted fonts write directly to @nuxt/fonts cache directory for unified publicAssets bundling.