Как использовать шрифт в Chrome Extension?

Question

Я разрабатываю расширение Google Chrome, которое отображается на определенном веб-сайте. И я хочу использовать Fontawesome в моем расширении chrome. Когда я пытаюсь загрузить шрифты, произошла ошибка GET chrome-extension://invalid/ net::ERR_FAILED.

В таблице стилей веб-сайты включены с @font-face следующим образом.

src: url('chrome-extension://__MSG_@@extension_id__/Fonts/fontawesome-webfont.eot?v=4.7.0'); 

Я также пытался встроить мой идентификатор расширения напрямую, хотя он не работает.

Мой manifest.json:

"web_accessible_resources": ["Fonts/*.*", "*.ttf", "*.eot", "*.svg", "*.woff", "*.woff2"], 

Как решить эту проблему?

Answer 1

Самый простой, но ужасно, способ это загрузить Fontawesome и включить его непосредственно

curl -o fontawesome.js "https://use.fontawesome.com/840a321d95.js" 

, а затем добавить его там, где вам это нужно

<script src="fontawesome.js"></script> 

Answer 2

Если вам нужно использовать шрифт Высокий хром Сценарий содержимого расширения (а не popup.html), вы можете сделать следующее:

Загрузить https://use.fontawesome.com/840a321d95.js, переименуйте его в fontawesome.js и включите его в каталог вашего расширения, как описано в ответе @ wesdotcool.

Затем добавьте следующее manifest.json:

{ 
    "manifest_version": 2, 
    "content_scripts": [ 
     { 
      "js": ["fontawesome.js"] 
     } 
    ], 
}