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

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

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

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

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

最佳答案

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

关于javascript - 在 chrome 扩展内容脚本中包含 ttf 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22901261/

相关文章:

javascript - Angularjs 中的模块问题

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

css - 使用 CSS3 缓动数十个 div 的最有效方法

javascript - 使元素至少达到一定的*高度*

javascript - 悬停时显示某些 Div

javascript - Google Chrome 扩展程序的 storage.sync 上出现 QUOTA_BYTES_PER_ITEM 错误

javascript - 无法让 port.emit 和 port.on 在 Firefox 附加组件中工作

google-chrome-extension - 如何判断脚本是作为内容脚本还是作为后台脚本运行?

javascript - Chrome 扩展 : chrome. tabs.executeScript 不工作

javascript - 为什么 Extends 必须是 mootools 类定义中的第一个属性?