はじめに
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にフォント一式を追加