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

我試圖使用WebExtensions API移植Chrome擴展Firefox附加組件。在鉻擴展我使用如何在Firefox WebExtension上使用@ font-face

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

要包括字體。我應該在Firefox WebExtension中使用什麼？

由於我無法在CSS文件中使用browser.extension.getURL（），因此如何在本地字體文件中使用@ font-face？

2016-06-21 sweeta

是否有可能使用相對URL？只需跳過chrome-extension：// id部分？ –

@DanielHerr沒有不工作。我在內容腳本注入字體，通過使用相對路徑它將使用當前的url路徑 – sweeta

試試這個[SO線程]（http://stackoverflow.com/questions/24357596/firefox-extension-custom-fonts）。似乎已經提供了答案。 – noogui

你可以把它變成這個數據URI：http://dopiaza.org/tools/datauri/index.php那麼你的CSS看起來像src:("data:application/font-woff;base64,.....") format("woff");

我做到這一點在這裏 -

2016-07-04 00:07:10 Noitidart

使用「MOZ擴展：//。 ..「

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

2016-10-11 06:58:50

回答