Bundle the real fonts into the design kit - #504
Merged
Conversation
Latin subsets of Hanken Grotesk, Spectral, and JetBrains Mono (SIL OFL) copied from the fontsource packages the app loads, declared in fonts.css and imported by the kit scaffold, so previews render the actual letterforms instead of system fallbacks. README sync steps updated, including the symlink caveat found during the first push. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
Claude Design flagged the kit's families as missing. Rather than substituting known fonts, this bundles the real ones: latin-subset woff2 files (172K total) for Hanken Grotesk, Spectral 400/400i/500/600, and JetBrains Mono, copied from the same fontsource packages the app loads (all SIL OFL, redistribution permitted).
fonts.cssdeclares them with family names matchingtokens.css; the kit scaffold imports it, so every card picks them up. Verified by rendering the type card headless: all three families load fromfile://.Also folds in the README correction from the first DesignSync push (the tool does not read through the
styles/symlink; sync from the repo root).🤖 Generated with Claude Code