如何在Firefox WebExtension上使用@ font-face [英] How to use @font-face on a Firefox WebExtension

问题描述

我正在尝试使用 WebExtensions移植Chrome扩展Firefox附加组件API .在chrome扩展程序中，我使用

I'm trying to port a Chrome extension Firefox add-on using the WebExtensions API . In chrome extension I am using

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

包括字体.我应该在Firefox WebExtension中使用什么?

to include fonts. What should I use in Firefox WebExtension?

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

Since I can't use browser.extension.getURL() in a CSS file, how can I use @font-face with a local font file?

推荐答案

使用"moz-extension://..."

Use "moz-extension://..."

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

这篇关于如何在Firefox WebExtension上使用@ font-face的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！