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

我正在尝试使用移植一个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呢？

您可以使用以下命令将其转换为数据uri：然后您的CSS看起来像

src:（“数据：应用程序/font-woff；base64，…）格式（“woff”）

我在这里做这个-

您可以使用以下命令将其转换为数据uri：然后您的css看起来像
src:（“数据：应用程序/font-woff；base64，…）格式（“woff”）

我在这里做这个-

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

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

难道不能使用相对URL吗？只要跳过铬-extension://id 部分？@DanielHerr不，它不起作用。我在内容脚本中注入字体，通过使用相对路径，它将使用当前url的路径尝试此操作。似乎已经提供了一个答案。难道不可能使用相对URL吗？只要跳过铬-extension://id 部分？@DanielHerr不，它不起作用。我在内容脚本中注入字体，通过使用相对路径，它将使用当前url的路径尝试此操作。似乎已经提供了一个答案。
src: url('moz-extension://__MSG_@@extension_id__/css/fonts/webFonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');