在chrome扩展内容脚本中包含ttf文件

时间:2014-04-06 23:22:16

标签: javascript css google-chrome-extension font-face content-script

我正在使用内容脚本将一些HTML注入网页。我正在尝试使用谷歌字体,CabinCondensed-Regular,以及从IcoMoon获得的一些图标字体。我已经下载了这些文件,并将它们包含在@font-face的CSS中,因为我可以告诉它更快,但我不知道如何将它们包含在manifest.json中。通常你可以指定一个文件 " content_scripts":[

{
    "matches": [ "<all_urls>"],
    "css":["style.css", "jquery-ui.css"],
    "js":["jquery-2.1.0.min.js", "index.js", "jquery-ui.min.js"],
}

但据我所知,字体没有特定的标签,那么如何包含ttf文件呢?

1 个答案:

答案 0 :(得分:5)

您似乎可以使用"web_accessible_resources"链接字体文件(而不是"content_scripts"。然后只需确保@font-face路径与字体文件相符即可。请参阅:{{3 }}