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
Languages Support
English (United States)
See more
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

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

Similar Extensions

icon

Capo: get your ﹤????﹥ in order Extension · Developer Tools 160 4 ★ 40.08KiB

icon

Adobe Experience Platform Debugger Extension · Developer Tools 160 27 ★ 1.99MiB

icon

AEM Chrome Plug-in Extension · Developer Tools 160 17 ★ 222KiB

icon

Adobe Creative Cloud Extension · Productivity 160 11 ★ 1.28MiB

icon

Launch and DTM Switch Extension · Developer Tools 160 192 ★ 215KiB

icon

Web Vitals Extension · Developer Tools 160 43 ★ 398KiB

icon

AEM Chrome Extension - SourcedCode Extension · Developer Tools 160 22 ★ 557KiB

icon

AEM Sidekick Extension · Productivity 160 6 ★ 1.13MiB

icon

franklin-web-extension Extension · Productivity 160 1 ★ 150KiB

icon

SOCMaster Extension · Productivity 160 2 ★ 493KiB

icon

GraphiQL extension Extension · Developer Tools 160 4 ★ 601KiB

icon

AEM ❤️ Cloud Manager Extension · Developer Tools 160 0 ★ 177KiB

icon

Adobe Target VEC Helper Extension · Developer Tools 160 13 ★ 546KiB

icon

Adobe Experience Cloud Visual Editing Helper Extension · Developer Tools 160 8 ★ 190KiB

icon

Schema Builder for Structured Data Extension · Developer Tools 160 29 ★ 889KiB

icon

Chromium Vector Icon Painter Extension · Developer Tools 160 0 ★ 381KiB

icon

Github Annotator Extension · Developer Tools 160 2 ★ 81.68KiB

icon

ChromeiQL Extension · Developer Tools 160 32 ★ 682KiB

icon

Preact Developer Tools Extension · Developer Tools 160 11 ★ 147KiB

icon

CLS Visualizer Extension · Developer Tools 160 11 ★ 17.27KiB

icon

AEM CRX - Power Editor Extension · Developer Tools 160 2 ★ 3.02MiB

icon

Atma.js DevTool Extension · Developer Tools 160 0 ★ 201KiB

icon

OctoPermalinker Extension · Developer Tools 160 1 ★ 373KiB

icon

CrosManager - A Web-based System Monitor Extension · Productivity 160 1 ★ 838KiB