English (United States)
See more
Helix Font Fallback computes the fallback fonts for all the fonts loaded on the page. This is helpful to prevent CLS (Web Vitals).
Latest Version
Version
1.1.0
Update
December 22, 2022
Size
59.83KiB
Developer
Category
Users
160 
Rating
0 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Scripting
See more
Helix Font Fallback Extension
Helix Font Fallback computes the fallback fonts for all the fonts loaded on the page.
A fallback font is a font that most of the browsers know already which is sized to approximatively the size of the font it temporarily replaces. Like this, the browser can display nicely the page while the custom font is loaded. This is crucial to prevent CLS (Core Web Vitals).
Key features:
- computes a fallback font for all fonts loaded on the current page
- generates some CSS that can be directly copied and pasted in the existing website CSS
- allows the user to preview the fallback fonts directly in the current page
Read more
A fallback font is a font that most of the browsers know already which is sized to approximatively the size of the font it temporarily replaces. Like this, the browser can display nicely the page while the custom font is loaded. This is crucial to prevent CLS (Core Web Vitals).
Key features:
- computes a fallback font for all fonts loaded on the current page
- generates some CSS that can be directly copied and pasted in the existing website CSS
- allows the user to preview the fallback fonts directly in the current page
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Helix Font Fallback", "description": "Helix Font Fallback computes the fallback fonts for all the fonts loaded on the page. This is helpful to prevent CLS (Web Vitals).", "version": "1.1.0", "manifest_version": 3, "background": { "service_worker": "js/background.js" }, "action": {}, "permissions": [ "scripting" ], "web_accessible_resources": [ { "resources": [ "js/shared/fonts.js" ], "matches": [ "*://*/*" ] } ], "host_permissions": [ "*://*/" ], "icons": { "16": "icons/helix_logo_16.png", "32": "icons/helix_logo_32.png", "48": "icons/helix_logo_48.png", "128": "icons/helix_logo_128.png" }}
Read more
