11

chrome-extension を介して @font-face スタイルシート ルールを追加するための推奨される方法は何ですか? 問題は、フォントの埋め込みの URL が拡張機能内にあるため、使用するには JavaScript で行う必要があることchrome.extension.getURLです。

コンテンツ スクリプトを試してみdocument.styleSheets[0].addRuleましたが、うまくいきませんでした。明確にするために、web_accessible_resources の下にリストされているフォントもあります。

4

2 に答える 2

17

セクションの manifest.json で拡張機能が使用する追加のものを指定することもできますweb_accesible_resources。ドキュメントはこちら.

これを manifest.json ファイルに追加します。

 "web_accessible_resources": [
    "fonts/*.*",
    "templates/*.html"
 ]

CSS の URL も修正します。

@font-face {
  font-family: 'MyFont';
  src: url('chrome-extension://__MSG_@@extension_id__/fonts/font.eot') /* ... */;
}
于 2014-07-20T17:44:47.173 に答える