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与本地字体文件一起使用？

Answer 1

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

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

Answer 2

您可以将其转换为数据uri：http://dopiaza.org/tools/datauri/index.php然后您的css看起来像src:("data:application/font-woff;base64,.....") format("woff");

我在这里这样做 -