はじめに
Chrome 拡張機能で FontAwesome (FontAwesome 5) を使う方法を整理した。
TL;DR
- 外部アクセス(リモートコード) OK な場合
- 拡張機能内で
<head>
に<link>
を差し込む
- 拡張機能内で
- 拡張機能内で完結したい場合
- Download | Font Awesome から「Pro/Free for Web」一式をダウンロード
webfonts
配下一式、およびcss/all(.min).css
を拡張機能内に配置all(.min).css
のurl(../webfonts/xxxx)
をurl(chrome-extension://__MSG_@@extension_id__/xxxx)
に変更manifest.json
でcss/all(.min).css
を読み込みmanifest.json
のweb_accessible_resources
にフォント一式を追加