css - Chrome 向けの拡張機能を開発する際に、スタイルシートで静的な画像やフォントを参照する

Question

Google Chrome 拡張機能を作成しています。background-imageまた、CSS で定義する要素の一部に属性を使用したいと考えています。しかし、私はどのようurl()に与えられるべきか分かりません。相対 URL を試してみましたが、サイトのドメインに関連する画像を取得しようとしています! 拡張機能のソース ディレクトリに対して相対的ではありません。

スタイルシートは、次のようにマニフェスト ファイルを介して私の拡張機能に含まれています。

  ...
  "content_scripts": [
    {
      "matches": ["http://www.myblahblahsite.com/"],
      "js": ["core.js"],
      "css":["styles.css"]
    }
  ],
  ...

また、カスタム フォントでも同じことを行うのが好きです。@font-face

例えば：

@font-face {
    font-family: 'abcCustom';
    src:  url("fonts/abcCustom.ttf") format('ttf');
}

これは、拡張子に対するフォントのパスを適切に考慮しません!

アイデアや提案はありますか？ありがとう。