Helix Font Fallbackとは何ですか？

Helix Font FallbackはAdobe Inc.によって開発されたChromeの拡張機能で、その主な機能は「Helix Font Fallback computes the fallback fonts for all the fonts loaded on the page. This is helpful to prevent CLS (Web Vitals).」です。

拡張機能のスクリーンショット

Helix Font Fallback拡張機能のCRXファイルをダウンロード

Helix Font Fallback拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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

拡張機能の基本情報

名前	Helix Font Fallback
ID	deceeoanicnkoieibbfellglginplfbm
公式URL	https://chromewebstore.google.com/detail/helix-font-fallback/deceeoanicnkoieibbfellglginplfbm
説明	Helix Font Fallback computes the fallback fonts for all the fonts loaded on the page. This is helpful to prevent CLS (Web Vitals).
ファイルサイズ	59.83 KB
インストール数	120
現在のバージョン	1.1.0
最終更新日	2022-12-22
公開日	2022-09-08
開発者	Adobe Inc.
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/adobe/helix-font-fallback-extension
プライバシーポリシーページのURL	https://www.adobe.com/privacy/policy.html
対応言語	en-US
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" } }