css - 如何在 Firefox WebExtension 上使用 @font-face

Question

我正在尝试使用WebExtensions API移植 Chrome 扩展 Firefox 插件。在我正在使用的 chrome 扩展中

src: url('chrome-extension://__MSG_@@extension_id__/css/fonts/webFonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');

包括字体。我应该在 Firefox WebExtension 中使用什么？

由于我不能在 CSS 文件中使用 browser.extension.getURL()，如何将 @font-face 与本地字体文件一起使用？

score 2 · Accepted Answer

使用“moz-extension://...”

src: url('moz-extension://__MSG_@@extension_id__/css/fonts/webFonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');

score 0 · Accepted Answer

你可以用这个把它变成一个数据uri：http: //dopiaza.org/tools/datauri/index.php然后你的css看起来像src:("data:application/font-woff;base64,.....") format("woff");

我在这里做 -

2 回答 2