2016-03-19 12 views
16

Bisher habe ich Paul Irish des bulletproof font-face syntaxSind eot, ttf und svg in der font-face-Deklaration noch erforderlich?

Aber ich war gerade auf der Suche auf die Unterstützung für .woff und .woff2 Dateien auf caniuse und es sagt woff unterstützt wird in IE9 + verwendet. Die meisten Artikel zu diesem Thema stammen aus der Zeit um 2009, die zum Zeitpunkt dieses Artikels vor 7 Jahren voll war. Müssen wir wirklich ttf, otf, eot und svg erklären, wenn Woff jetzt solch eine breite Unterstützung genießt?

Antwort

29

Kurze Antwort: Nein.

EOT nur relevant für IE8 und unten (obwohl als Lappalien:. Den ganzen Weg hinunter zu IE4 IE tatsächlich Pionier Webfonts) und SVG-Fonts als Technologie ( nicht mit Opentype-Schriften mit SVG umreißt verwechselt werden) were abandoned weil die Beschränkungen verrückt waren, sobald echte Webfonts verfügbar wurden. Stand 2016 you just need WOFF. Und WOFF2, wenn Sie die neuere bessere Version von WOFF nutzen möchten, die only just wurde eine W3-Empfehlung (zum Zeitpunkt dieser Antwort).

Um die Dinge einfacher, as of January 12th 2016, Microsoft ceased support for IE8 and below, mit begrenzten Unterstützung für IE9: sie werden jetzt nur noch den letzten verfügbaren Browser für jede noch unterstützten OS unterstützen, was bedeutet, dass IE9 nicht mehr für Windows XP unterstützt, da XP selbst ist nicht mehr unterstützt , aber ist technisch immer noch-unterstützt-unterstützt, bis Vista SP2 und Server 2008 R2 das Ende der erweiterten Unterstützung in den Jahren 2017 und 2020 erreichen. Natürlich ist die Unterstützung von webfont für Windows Server 2008 irrelevant, und die meisten Unternehmen, die immer noch eine alte Version von Windows verwenden, haben Vista ausgelassen, entweder unter Windows XP (auf eigene Gefahr) oder Windows 7 (was wir alle erwarten können) Windows 10 im Juli 2016, der 29. davon ist the last date Menschen können von 7/8.1-aber nicht 8-bis 10 kostenlos aktualisieren.

(April 2017 bearbeiten: Windows Vista SP2 in diesem Monat aus Unterstützung ging, und als solche IE9 jetzt offiziell nicht mehr unterstützt)

Wie für TTF/OTF, Sie wollen nicht mehr diese online verwenden als würden Sie lieber TIFF-Bilder als JPG oder PNG verwenden: Obwohl WOFF "nur" ein dünner Wrapper um ein TTF/OTF-Daten ist, ermöglichen WOFF/WOFF2 die Daten komprimiert werden, während einfache OpenType nicht.

Darüber hinaus sind TTF/OTF unkomprimierte universelle (für Systeme, die OpenType unterstützen) Schriften und werden daher mehr von Browsern auf Korrektheit insbesondere von IE-Versionen überprüft. Mit WOFF, die als eine Datei des Typs macht es explizit das ist ein W eb (O Stift) F ont (F Ormat), eine weniger strenge Form der Kontrolle bedeutet, dass einige Schriftarten, die ein System Opentype versagen Der Verifikations-Pass funktioniert unter Umständen immer noch gut als Webfonts (aufgrund der Tatsache, dass nicht alle OpenType-Daten erforderlich sind, damit eine Schriftart nur in einem Web-Kontext funktioniert).

Schließlich haben Sie eine Wahl in WOFF-Formaten: Format 1, nur WOFF genannt, ist das ältere Format und verwendet die Komprimierung basierend auf deflate, ähnlich wie PNG-Komprimierung. Format 2, genannt WOFF2, ist das neuere Format mit Komprimierung basierend auf dem brotli Algorithmus und erlaubt auch das "Zerhacken" einer Schriftart in separate Dateien für eine optimierte Ausgabe, wenn Unicode-Schriften behandelt werden, die mehrere Sprachen unterstützen: Sie brauchen nicht alle die Dateien zur gleichen Zeit, also liefern nur die Dateien, die die Unicode-Bereiche abdecken, die für eine bestimmte Seite notwendig sind, und Sie behalten Seitengröße und Ladezeiten ein wenig mehr.

In der Schlussfolgerung: Hurra für den Fortschrittsmarsch, verwenden Sie einfach WOFF (oder WOFF2).

+1

Wirklich nette Erklärung. WOFF FTW! – Vucko

+1

Ja, ich werde diese Vorstellung wiederholen. Die einzige realistische Ausnahme, die ich mir vorstellen kann, ist, wenn Sie eine geschlossene Kiosk-ähnliche Sache mit alten eingebetteten Systemen/Browsern haben, die WOFF nicht unterstützen, nicht aktualisiert werden können und eine Präsentation mit benutzerdefinierten Schriftarten kritisch ist. Aber dann hast du zwei Probleme (zumindest) :-) – djangodude

+0

Große Antwort, und wirklich gute Geschichte Leckerbissen drin, danke! – paulcpederson

0

Ich denke, mit ttf ist genug für alle modernen Browser und Geräte ... Ich selbst überprüft bei IE, Firefox, Chrome, Oper, Android Mobile (Kitkat, Mashmallow) und iPhone (6 bis 7 Plus). Es scheint, dass TTF von allen oben genannten Geräten unterstützt wird.

+0

Haben Sie tatsächlich die Antwort gelesen, die letztes Jahr gegeben wurde? –