在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文件

回答

相關問題