EOT und WOFF im Jahre 2010

11. März 2010

praegnanz.de-Leser Simon hat mir eine E-Mail geschrieben und sich darin gewundert, warum ich in meinem Blog noch gar nichts über die aktuellen Entwicklungen um EOT und WOFF gebracht habe. Nun, Recht hat er wohl! Irgendwie ist das ja doch auch ein Thema, das mir am Herzen liegt, also fassen wir erst einmal kurz zusammen:

Nachdem in den letzten zwei Jahren die meisten Browserhersteller die Themen Webfonts und @font-face wiederentdeckt haben – allen voran natürlich Safari, aber auch Firefox, Opera und Chrome – standen prinzipiell nur noch zwei kleine Dinge der grenzenlosen Typofreiheit im Netz im Weg:

  1. Die neue Generation von Browsern konnte nur sogenannte »Raw Fonts« verwenden, also vollwertige OpenType-Schriften. Für diese Schriften existierten jedoch faktisch keine entsprechende Lizenzen, die das Einbinden auch erlauben.
  2. Der marktführende Browser (= Internet Explorer) konnte nur mit sogenannten EOT-Dateien etwas anfangen. EOT-Schriften existierten in der freien Wildbahn überhaupt nicht, und das Konvertieren war weder erlaubt noch besonders benutzerfreundlich.

Beide Probleme wurden nun von der Browser- und Schriftindustrie angegangen, und das vorläufige Ergebnis sieht folgendermaßen aus:

  1. Statt Lizenzen für vollwertige Raw Fonts zu verteilen, kann man sich nun bei Fontshop (und sicher bald auch weiteren Schrifthäusern) Font-Dateien im neuen WOFF-Format kaufen. Diese sind explizit für das Font-Linking im Web zugelassen und kommen dennoch ohne DRM aus. Dafür sind sie für den Einsatz im Print nicht zugelassen und funktionieren technisch auch gar nicht, wenn man nicht mit Tricksereien hantieren möchte.
  2. Die Schrifthäuser bieten außerdem fertig konvertierte EOT-Fonts an, um die Internet-Explorer-Nutzer abzudecken. Darüber hinaus gibt es inzwischen einige nutzerfreundliche Online-Services, mit denen man sich – Lizenz vorausgesetzt – selber EOT-Dateien basteln kann.

Noch ist das alles nicht fertig, denn der Firefox 3.6 ist derzeit der einzige Browser, der mit WOFF etwas anfangen kann, und natürlich muss jetzt von den ganzen Schrifthäusern erforscht werden, wie die Marktpreise für so einen dedizierten Webfont sein könnten …

Zur Kritik: Rein technisch betrachtet wäre WOFF natürlich nicht unbedingt nötig gewesen, da es sich letztlich um nichts weiter handelt als einen gezippten Raw-Font mit einer Zusatzdatei, in der ein paar Lizenzbestimmungen und der Lizenznehmer erwähnt sind. Aber WOFF ist eine psychologische Hürde, die Gelegenheitsdiebe abschrecken soll. Denn ohne an den Dateien herumzudoktern, kann man sie eben nicht so ohne weiteres auf beliebigen Websites (oder im Print) verwenden. Die Schriftindustrie macht hier (für ihre Verhältnisse) ein ziemliches Zugeständnis, denn mit bösem DRM hat dieses sanfte Wasserzeichen nur wenig zu tun. Hätte schlimmer kommen können!

Auf jeden Fall haben wir jetzt eine technische Lösung, die zwar immer noch nicht perfekt ist (weiterhin zwei Formate notwendig, um alle Browser abzudecken), aber mit der sowohl Schrifthersteller als auch Browserschmieden glücklich sind, und das erscheint am wichtigsten. Außerdem besteht berechtigte Hoffnung, dass der neue Internet Explorer 9 ebenfalls WOFF-Schriften darstellen können wird. Und natürlich verbietet es niemand einem Schriftentwerfer, seine Raw-Fonts auch für das Font-Linking freizugeben. Eine schöne Latte davon findet sich im Webfonts-Wiki von Ralf Herrmann, wo sich auch sonst so ziemlich alles über das Thema findet.

Wer sich den ganzen Formatstress nicht antun möchte und kein Problem damit hat, gewisse Dinge outzusourcen, dem empfehle ich übrigens einen Mietservice wie Typekit zu benutzen. Hier wird die gesamte Technik komplett wegabstrahiert, und der Webdesigner muss nur noch eine Zeile JavaScript in den Code einfügen, sowie seine gewünschte Schrift im CSS zu verwenden. Ich bin ein erklärter Fan von dieser Art der Einbindung (hier bei praegnanz.de gibt es zurzeit die FF Dax über Typekit), denn technische Upgrades auf Basis von neuen Erkenntnisse über Browser und Schriftformate kommen hier automatisch und frei Haus.

  • Eine interessante Diskussion über das Für und Wider von WOFF gibt es im Fontblog zu verfolgen
  • Noch sind WOFF-Fonts rar gesät. Wer nicht gleich kaufen, sondern erstmal kostenlos testen möchte, wird bei der FF Nuvo fündig.

Ich bin gespannt, wann Linotype sich am Riemen reißt und im großen Stile die großen Schriftklassiker des 20. Jahrhunderts als WOFF und EOT herausbringt. Ich warte auf Frutiger, Avenir und Eurostile!

11 Kommentare

  1. Thomas Maier am 12. März 2010 #

    So wie ich dich kenne, wirst du schon (ebenso wie ich) auf heißen Kohlen sitzen, wann Safari WOFF unterstützen wird? (4.0.5 noch nicht.) Wie schätzt du das ein? Wird 4.1 WOFF unterstützen? Ist ja fast schon eine Schande, dass der Vorreiter an Webfonts gar keinen Grund hat, bei der feierlichen Ankündigung von WOFF erwähnt zu werden.

    Gegen eine Einbindung per @font-face von TTF/OTF Schriften die kostenfrei (z.B. Fertigo Pro) sind, spricht ja nichts oder?

  2. Gerrit am 12. März 2010 #

    @Thomas Maier: Vorsicht! Nur weil der Font kostenlos auf der Website herunterzuladen ist, heißt das noch lange nicht, dass Du ihn auch per @font-face einbinden darfst – bitte konsultiert immer die EULA, bevor Ihr da was macht!

  3. David Hellmann am 12. März 2010 #

    Ich nutze die Grau Blau Web via Font Face :)
    Was ich bei der Sache schon wieder nervig finde, dass es keine einheitliche Lösung gibt.

    Das nervt schon immer wenn man mal paar Runde Ecken möchte… border-radius, moz-…, webkit-…

    aber typekit scheint da schon gut zu sein. hab nen account aber nur free und nutze es auch noch nicht aber mal schauen wie sich das entwickelt.

  4. Simon am 12. März 2010 #

    Hi Gerrit,

    wo ist denn die FF Dax nun geblieben? Ich sehe hier nichts? :-/

    Grüße

  5. Thomas Maier am 12. März 2010 #

    @David Hellmann: Das liegt daran, dass Standards langsam sind. Wenn einzelne Browser Standard-Entwürfe implementieren, benutzen sie die engine-spezifischen Prefixe, damit die Standard-Eigenschaften unangetastet bleiben. Denn wenn Standard-Entwürfe während der Entwicklung bis zum Schluss noch einmal drastisch geändert werden, dann ist es sehr schwer bis unmöglich, Eigenschaften nochmal zu ändern weil sich alle Entwickler schon drauf eingeschossen habe. Gerade bei border-radius ist das noch ein ziemliches Wirrwarr: Wo erscheinen die »top-left» etc., wie werden elliptische Radien angegeben, …

  6. Gerrit am 12. März 2010 #

    @Simon: FF Dax nur für Mac-User, weil sie für einen nicht unerheblichen Teil der Windows-Nutzer schwer erträglich ist ohne ClearType.

  7. Willi am 14. März 2010 #

    Ich nutze auch Typekit, bin davon aber nicht ganz so begeistert. Zum Einen stört mich die Javascript-Abhängigkeit, zum Anderen das eingeschränkte Angebot an Fonts. Vor allem aber stört mich die selektive Browserunterstützung: Opera wird blockiert, weil es bei Kleinigkeiten noch nicht ganz Schritt halten kann und Handy-Browser mit mobilem Webkit sind auch draußen, weil die nur SVG Fonts können und das von Typekit noch nicht angeboten wird.

    Alle diese Einschränkungen hat man nicht, wenn man einen der raren Fonts mit font-face-Lizenz findet und ihn mit einem der schon genannten Online-Konvertierer zusätzlich in EOT und SVG umwandelt. Naja, aber da die wirklich rar sind bin ich jetzt halt auch erstmal bei Typekit. ;-)

  8. Simon am 15. März 2010 #

    Hi Gerrit,

    kannst du die FF Dax auch für die Linux-Menschen freischalten?
    Die allermeisten Distributionen bringen seit einiger Zeit schon ordentliche Voreinstellungen für den Schriftrenderer mit und im Notfall ist das Pinguin-Völkchen ja technisch so begabt, dass es sich selbst Abhilfe schaffen kann :-)

    Grüße,

    Simon

  9. Gerrit am 16. März 2010 #

    @Simon: Dein Wunsch ist mir Befehl!

  10. Simon am 16. März 2010 #

    Dankeschön!

    Hier mal ein paar Screenshots mit der FF Dax:

    http://img6.imageshack.us/img6/82/praegnanzffdax.png

    Mit kleinerer Schriftgröße …
    http://img6.imageshack.us/img6/7539/praegnanzffdaxkleiner.png

    … und mit größerer:
    http://img706.imageshack.us/img706/4546/praegnanzffdaxgroesser.png

    Grüße,

    Simon

  11. andre am 27. April 2010 #

    http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/

    ist ein schöner Artikel – um Browserdetection auf FontSmooth auszuführen, ….

    (für win-systeme, die cleartype nutzen) …

Kommentar schreiben

Textile zur Textstrukturierung. Werbliche und SEO-Links werden gelöscht.

Kommentarfeed

Zusatzinfos

Aktuelle Artikel