0

我正在创建一个 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');
}

这不会正确考虑字体相对于扩展的路径！

有什么想法或建议吗？谢谢。

4

2 回答 2

3

您需要将其设置为扩展的绝对 URL，最好的方法是这样的：

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

这是i18napi 的一部分。

于 2013-05-14T17:58:39.433 回答
0

您是否考虑过将图像和字体编码为 Base64。

于 2013-05-14T17:58:33.243 回答