Repository navigation
Feat: self-host the type system and use the wordmark in the header - #13
Merged
Merged
Conversation
Replace the Google Fonts stylesheet with a self-hosted Latin subset of the Inter variable font, preloaded on every page. Point the landing page and the documentation theme at one family for both headings and body text. The documentation heading font previously resolved to a face no page loaded. Swap the header brand from an icon plus live text to the wordmark, dark only on the landing page and per theme in the documentation header. Extend the build gate to verify font assets ship.
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
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.
Summary
public/fonts/inter-latin.woff2, 55 KB covering weights 100 to 900 and the optical size axis, declared in a newsrc/styles/fonts.cssand preloaded on the landing page and every documentation page.--font-uiand--sy-fontat Inter with the system stack as the fallback, and collapse--font-displayand--sy-font-displayonto them so headings and body text share one family.<span>, withstackyard-wordmark-dark.svgat its intrinsic ratio.replacesTitle, and drop the now inert.site-titlefont rule fromdocs.css.woff2to the asset extensionscheck-dist.mjsverifies, so a referenced font that never ships fails the gate.Testing
npm run buildandnpm run checkboth pass. Verified in the build output that no page references Google's font hosts, that the font ships and is preloaded, and that the documentation header emits both wordmarks with Starlight's light and dark swap classes.Checklist
npm run buildandnpm run checkboth pass.