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

我正在使用内容脚本将一些HTML注入到网页中。我正在尝试使用谷歌字体，CabinCondensed-Regular和一些从IcoMoon获取的图标字体。我已经下载了这些文件，并将它们包含在与@font-face的CSS中，因为从我能说的更快，但我不知道如何将它们包含在manifest.json中。通常情况下，你可以通过 “content_scripts”指定文件：[在Chrome扩展内容脚本中包含ttf文件

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

但据我可以告诉有对字体没有特定的标签，所以我怎么能包括TTF文件？

来源

2014-04-06 EasilyBaffled

貌似可以使用"web_accessible_resources"链接的字体文件（而不是"content_scripts"然后，只需确保您的@font-face路径是正确的字体文件。见：https://developer.chrome.com/extensions/manifest/web_accessible_resources

来源

2014-04-07 00:00:11 Akurn

当我尝试，我或者会出现“资源解释为字体，但用MIME类型text/html传输：“或”无法加载资源：服务器响应状态为404（未找到）“ – EasilyBaffled

是您的CSS中指定'@ font-face '正确？即URL是否包含唯一的Chrome扩展ID？请参阅类似的问题：http://stackoverflow.com/questions/4535816/how-to-use-font-face-on-a-chrome-extension-in -a-content-script – Akurn

这就是你的意思通过正确的路径。谢谢。 – EasilyBaffled

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

回答

相关问题