Was ist der kleinste Satz von Webfont-Formaten, der alle Browser abdeckt?

tldr; woffdeckt fast alles ab. Zum Zeitpunkt des Verfassens dieses Artikels ttfdeckt das Hinzufügen auch etwa 1 % der globalen Benutzer von alten Android-Browsern ab, und das Hinzufügen eofdeckt auch etwa 1 % der globalen Benutzer von IE8 ab.

svgist wahrscheinlich nicht mehr erforderlich, aber fügen Sie eine Fallback-Schriftart hinzu, die keine Web- Schriftarten sind , da Browser, die keine Web-Schriftarten unterstützen, wahrscheinlich global bei 5 % oder höher liegen (Opera Mini, dann Benutzereinstellungen).

---

Diese basiert auf http://caniuse.com und deckt alles ab bis hin zu Blackberry Browser, MS Edge und Firefox für Android. Jeder Link führt zur entsprechenden Seite http://caniuse.com . Bizarrer Hinweis: In unserer Schriftart ~sieht es ein bisschen so -aus, wenn Sie ~ sehen, ist es ein ~, wie in ungefähr:

• woffist ein komprimiertes offenes Format und die bevorzugte Standardeinstellung. Es wird von fast allen neueren Versionen unterstützt; Browser, die es nicht unterstützen, sind:

  • Die standardmäßigen Android-Browserversionen 4.3 und niedriger ( ~1 % der Benutzer weltweit)
  • IE 8 und darunter ( ~1 % der Benutzer weltweit)
  • iOS Safari- und Chrome-Versionen 4.3 und niedriger. Gute Nachrichten! Dies sind weniger als 0,01 % der Nutzer weltweit.
  • Opera Mini unterstützt keine Webfonts (bis zu 5 % der Benutzer). Dies ist wahrscheinlich konstruktionsbedingt (das Alleinstellungsmerkmal von Opera Mini ist die aggressive Priorisierung des schnellen Seitenladens und der geringen Datennutzung), aber ob Webfonts tatsächlich blockiert werden, hängt von der Plattform und den Benutzereinstellungen ab. Behandeln Sie dies als "ungefähr 5 % sehen möglicherweise keine Webschriftarten".

Sie können also eigentlich ziemlich gut damit umgehen woff. Wenn Sie eine breitere Unterstützung wünschen, finden Sie hier die Empfehlungen in der Reihenfolge des Prozentsatzes der globalen Benutzer:

• Fügen Sie Ihrer Schriftfamilie eine geeignete Fallback-Schriftart für Opera Mini (ca. 5 % der Benutzer weltweit) und alle Benutzer hinzu, bei denen Webschriftarten aus irgendeinem Grund deaktiviert sind. Aber betonen Sie dies nicht zu sehr, da Android, eine der gebräuchlicheren Plattformen für Opera Mini, eine unglaublich begrenzte Auswahl an integrierten Schriftarten hat, denen normalerweise sogar die Grundlagen wie Arial, Georgia und Verdana und so fehlen es sei denn, Sie haben eine sehr starke Präferenz zwischen droid-sansund roboto, leider ist es am wichtigsten, Ihren Schriftfamilienstapel einfach mit einer Spezifikation von sans-serifoder zu beenden serif.
• Fügen Sie hinzu ttf, wenn Sie Standard-Android zwischen 2.2 und 4.3 unterstützen möchten (~1 % der Benutzer weltweit). Vor 2.2 funktioniert nichts in Stock Android, aber die globale Nutzung liegt unter 0,01 %, also ist das in Ordnung. ttfhat eine gute Abdeckung auf der ganzen Linie, ähnlich wie woff, ist aber nicht komprimiert und funktioniert nur im IE (einschließlich IE Mobile und IE11), wenn es auf "installierbar" eingestellt ist, also ist es woffdann ttfeinfach vorzuziehen ttf.
• Fügen Sie hinzu eot, wenn Sie IE 8 und darunter unterstützen möchten (~1 % der Benutzer weltweit).
• Machen Sie sich wahrscheinlich nicht die Mühe, svgfür alte iPhones hinzuzufügen, da die weltweite Nutzung <0,01 % beträgt, es sei denn, Sie haben Ihre eigenen Daten, die bestätigen, dass diese Browser bei Ihren Benutzern üblich sind.

Das ist alles!