Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige ÜberarbeitungLetzte ÜberarbeitungBeide Seiten, nächste Überarbeitung | ||
| css:fontface [2014/07/30 23:21] – admin | css:fontface [2015/12/03 19:32] – Externe Bearbeitung 127.0.0.1 | ||
|---|---|---|---|
| Zeile 2: | Zeile 2: | ||
| Über Kleinigkeiten bei der Einbindung von Webfonts kann man schnell stolpern. Es gibt zig // | Über Kleinigkeiten bei der Einbindung von Webfonts kann man schnell stolpern. Es gibt zig // | ||
| + | |||
| + | ---- | ||
| ===== Welche Formate? ===== | ===== Welche Formate? ===== | ||
| Zeile 11: | Zeile 13: | ||
| * **SVG:** iPhone, iPad | * **SVG:** iPhone, iPad | ||
| * **WOFF:** Opera, Internet Explorer 9+ | * **WOFF:** Opera, Internet Explorer 9+ | ||
| + | |||
| + | ---- | ||
| ===== Generelle Syntax ===== | ===== Generelle Syntax ===== | ||
| Zeile 25: | Zeile 29: | ||
| } | } | ||
| </ | </ | ||
| + | |||
| + | ---- | ||
| ===== Browser und ihre Eigenheiten ===== | ===== Browser und ihre Eigenheiten ===== | ||
| ==== Opera ==== | ==== Opera ==== | ||
| - | **Lösung:** font-family unbedingt mit __doppelten Anführungszeichen__! | + | **Wichtig:** font-family unbedingt mit __doppelten Anführungszeichen__! |
| ==== Firefox ==== | ==== Firefox ==== | ||
| - | **Lösung:** Schrift-Dateien __im gleichen Ordner__ wie CSS-Datei! Es gibt auch Lösungen über .htaccess-Einträge und absolute URLs, die in manchen Fällen dennoch nicht zum Ziel führen. | + | **Wichtig:** Schrift-Dateien __im gleichen Ordner__ wie CSS-Datei! Es gibt auch Lösungen über .htaccess-Einträge und absolute URLs, die in manchen Fällen dennoch nicht zum Ziel führen. Lokal zeigt der Firefox niemals Webfonts an. |
