Wenn ich nur WOFF und EOT habe, welche Browser unterstütze ich mit @ font-face?

Wir möchten eine Schriftart kaufen, die nur in den angegebenen Formaten im Web verwendet werden kann: WOFF und EOT.

Ich bin mir nicht sicher, in welchen Browsern diese funktionieren, und kann anscheinend keine aktuellen Informationen finden. Welche Browser kann ich nur mit diesen beiden unterstützen?

Ich habe nur Erfahrung mit der Fontspring-Syntax, die EOT, WOFF, TTF und SVG enthält.

Dies ist die Standardmethode zum Laden von @ font-face , Hacky Fixes und allem !!

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Wenn Sie jedoch SVG entfernen, verlieren Sie die Unterstützung für iOS <5.0 fast vollständig

Can I Use bietet eine hervorragende Tabelle für die Browserunterstützung, eine weitere für EOT , eine weitere für WOFF , eine weitere für SVG und schließlich eine weitere für TTF . Ich habe sie der Übersichtlichkeit halber unten eingefügt, und dies sollte Ihnen als Leitfaden für den Test dienen. Beachten Sie jedoch, dass sich dies sehr schnell ändern wird.

Edit by wyu : Ich habe eine Tabelle zusammengestellt, damit Sie den Support nebeneinander anzeigen können

@ font-face Browser-Unterstützung im Allgemeinen

EOT-Browser-Unterstützung

WOFF-Browser-Unterstützung

SVG-Browser-Unterstützung

TTF-Browser-Unterstützung

SVG bringt Sie mit @ font-face nicht weiter; EOT wird jedoch vom IE unterstützt. Dabei werden TTF und OTF von allen anderen wichtigen Browsern unterstützt. Was WOFF betrifft, so ist es nach einigem Lesen aufgrund seiner Ähnlichkeit mit TTF und OTF ziemlich wahrscheinlich, dass es in denselben Browsern wie TTF oder OTF unterstützt wird. Mein Vorschlag: Wenn Sie wirklich interessiert sind, probieren Sie jede @ font-face-Erweiterung in einem Browser aus und sehen Sie, was Sie erhalten. Senden Sie dann Ihre Informationen an W3C, damit diese ihre Standardseite für den @ font-face-Deskriptor aktualisieren. (Es enthält derzeit nicht einmal "sichere" Schrifterweiterungen).

Wenn alles andere fehlschlägt, bin ich mir ziemlich sicher, dass W3Schools auf dem neuesten Stand ist: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Webfont-Anbieter müssen ihre Schriften wirklich von Anfang an unterstützen - gerade deswegen! Sie würden denken, dass dies eine Selbstverständlichkeit ist, selbst für Cloud-basierte (mit der Option zum Einschließen oder Ausschließen) - wenn die Leute gezwungen sind, auf der schwarzen Liste stehende Schriften zu jagen, würde das nicht erst zu Produktpiraterie führen, wenn die Schriften gefunden wurden? @ eb_p1