javascript - Include ttf files in chrome extension content script - Stack Overflow

admin管理员组

文章数量:1335410

I am using a content script to inject some HTML into a webpage. I am trying to use the google font, CabinCondensed-Regular, and a number of icon fonts gotten from IcoMoon. I have downloaded the files and am including them in the CSS with @font-face, because from what I can tell it's faster, but I don't know how to include them in the manifest.json. Normally you could specify a file by "content_scripts": [

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

but as far as I can tell there is no specific tag for fonts, so how can I include the ttf files?

I am using a content script to inject some HTML into a webpage. I am trying to use the google font, CabinCondensed-Regular, and a number of icon fonts gotten from IcoMoon. I have downloaded the files and am including them in the CSS with @font-face, because from what I can tell it's faster, but I don't know how to include them in the manifest.json. Normally you could specify a file by "content_scripts": [

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

but as far as I can tell there is no specific tag for fonts, so how can I include the ttf files?

• javascript
• css
• google-chrome-extension
• font-face
• content-script

Share Improve this question Follow asked Apr 6, 2014 at 23:22 EasilyBaffledEasilyBaffled 3,8821010 gold badges5555 silver badges9292 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

Looks like you can use "web_accessible_resources" to link your font files (instead of "content_scripts". Then just make sure your @font-face path is correct to the font files. See: https://developer.chrome./extensions/manifest/web_accessible_resources

本文标签： javascriptInclude ttf files in chrome extension content scriptStack Overflow