β‘ Improve font loading performance with font-display: swap #403
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.
π‘ What:
font-display: fallbacktofont-display: swapfor the 'Cormorant Garamond' font insrc/style.css.tests/font-performance.spec.tsto ensure this setting is maintained.π― Why:
font-display: fallbackhides text for up to 100ms if the font is not ready (FOIT - Flash of Invisible Text).font-display: swapshows the fallback font immediately and swaps in the custom font once loaded (FOUT - Flash of Unstyled Text). This improves perceived performance and First Contentful Paint (FCP), ensuring the user can read the content immediately even on slower connections.π Measured Improvement:
font-displaywas confirmed to befallbackvia Playwright verification.font-displayis now verified to beswapvia Playwright test.PR created automatically by Jules for task 7939261234456912839 started by @xRahul