fix: add font-display swap to all @font-face declarations#4415
Open
hs-control-center-bot wants to merge 1 commit intomainfrom
Open
fix: add font-display swap to all @font-face declarations#4415hs-control-center-bot wants to merge 1 commit intomainfrom
hs-control-center-bot wants to merge 1 commit intomainfrom
Conversation
Add font-display: swap to all 18 InterDisplay @font-face declarations in both hyperswitch and embeddable-app index.html files. This prevents FOIT (Flash of Invisible Text) by allowing the browser to render text with a fallback font while the custom font loads, reducing perceived load time by 300-500ms. Fixes #4414
|
Review changes with Changed Files
|
Contributor
There was a problem hiding this comment.
Pull request overview
This PR improves perceived load performance for the dashboard and embeddable app by preventing FOIT for the InterDisplay font family via font-display: swap in inline @font-face declarations.
Changes:
- Add
font-display: swap;to all InterDisplay@font-faceblocks inpublic/hyperswitch/index.html. - Add
font-display: swap;to all InterDisplay@font-faceblocks inpublic/embeddable-app/index.html.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| public/hyperswitch/index.html | Adds font-display: swap to each InterDisplay @font-face to avoid FOIT on hyperswitch dashboard load. |
| public/embeddable-app/index.html | Adds font-display: swap to each InterDisplay @font-face to avoid FOIT in the embedded app. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
You can also share your feedback on Copilot code review. Take the survey.
muditbhutani
approved these changes
Mar 18, 2026
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.
Type of Change
Description
Added
font-display: swap;to all 18@font-facedeclarations inpublic/hyperswitch/index.htmland all 18@font-facedeclarations inpublic/embeddable-app/index.html.This prevents FOIT (Flash of Invisible Text) by allowing the browser to render text with a fallback font while InterDisplay loads.
Motivation and Context
Fixes #4414.
Both entry points were missing
font-display: swap, which can delay visible text by roughly 300-500ms on slower connections. This change keeps the behavior aligned with the existing Google Fontsdisplay=swapusage and improves perceived load time with low risk.How did you test it?
Not run locally.
Suggested verification:
Where to test it?
Checklist
npm run re:build