So verwenden Sie @ font-face in einem Firefox WebExtension

Ich versuche, ein Chrome-Erweiterung Firefox Add-on mit der WebExtensions API zu portieren. Ich bin mit In Chrome-ErweiterungSo verwenden Sie @ font-face in einem Firefox WebExtension

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

Fonts enthalten. Was sollte ich in Firefox WebExtension verwenden?

Da ich browser.extension.getURL() in einer CSS-Datei nicht verwenden kann, wie kann ich @ font-face mit einer lokalen Schriftartdatei verwenden?

Quelle

2016-06-21 sweeta

Ist es nicht möglich, relative URLs zu verwenden? Überspringen Sie einfach die Chrome-Erweiterung: // id Teil? –

@DanielHerr nein funktioniert nicht. Ich injiziere Schriften im Inhaltsskript, indem ich den relativen Pfad verwende, verwende den Pfad der aktuellen URL – sweeta

Versuche das [SO thread] (http://stackoverflow.com/questions/24357596/firefox-extension-custom-fonts). Eine Antwort scheint gegeben worden zu sein. – noogui

Sie können es in ein Daten uri drehen diese mit: http://dopiaza.org/tools/datauri/index.php dann würde Ihre CSS aussehen src:("data:application/font-woff;base64,.....") format("woff");

ich dies hier tun -

https://github.com/Noitidart/NativeShot/blob/32d3bd62bb217b9d5a72fea29d41a426b158bdac/resources/styles/editor.css#L651

Quelle

2016-07-04 00:07:10 Noitidart

Use „moz-Erweiterung: //. .. "

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

Quelle

2016-10-11 06:58:50

So verwenden Sie @ font-face in einem Firefox WebExtension

Antwort

Verwandte Themen