Paar Fragen zu Font-Face

[Tronjer]

Ich habe hier den Fall, dass ein Kunde für seine Webseite die Schrift "Neue Helvetica" einsetzen will. Dazu hat er mir diese Schriftfamile in unterschiedlichen Schnitten und im .otf Format zur Verfügung gestellt.

Problem ist nun, dass OTF von Browser zu Browser unterschiedlich gerendert wird, und das sieht insbesondere bei kleinen Schriftgrößen nicht schön aus. Der Internet Explorer kann es überhaupt nicht darstellen und zeigt mit statt dessen die Times. Der im Font integrierte Coypright Codec von Adobe macht es leider auch unmöglich, die "Neue Helvetica" per Squirrel in die gewünschten Formate zu konvertieren. Ich habe es hier mal hochgeladen:
http://goo.gl/af7laF

Ehe ich dem Kunden jetzt sage, dass es mit seinen Schriften nicht geht, bzw. er die fürs Web neu kaufen müsste, welche Formate werden eigentlich benötigt, damit der Font vom IE8 bis hin zu allen modernen Browsern und zusätzlich auf Android, iOS und WinPhone 8 angezeigt wird. Reicht da WOFF, oder benötige ich auch EOT, TTF und SVG? Ich habe mich mal an diesem Beitrag orientiert.
http://css-tricks.com/snippets/css/using-font-face/

 

[scbawik]

Ich habe hier den Fall, dass ein Kunde für seine Webseite die Schrift "Neue Helvetica" einsetzen will. Dazu hat er mir diese Schriftfamile in unterschiedlichen Schnitten und im .otf Format zur Verfügung gestellt.

Problem ist nun, dass OTF von Browser zu Browser unterschiedlich gerendert wird, und das sieht insbesondere bei kleinen Schriftgrößen nicht schön aus. Der Internet Explorer kann es überhaupt nicht darstellen und zeigt mit statt dessen die Times. Der im Font integrierte Coypright Codec von Adobe macht es leider auch unmöglich, die "Neue Helvetica" per Squirrel in die gewünschten Formate zu konvertieren. Ich habe es hier mal hochgeladen:
http://goo.gl/af7laF

Ehe ich dem Kunden jetzt sage, dass es mit seinen Schriften nicht geht, bzw. er die fürs Web neu kaufen müsste, welche Formate werden eigentlich benötigt, damit der Font vom IE8 bis hin zu allen modernen Browsern und zusätzlich auf Android, iOS und WinPhone 8 angezeigt wird. Reicht da WOFF, oder benötige ich auch EOT, TTF und SVG? Ich habe mich mal an diesem Beitrag orientiert.
http://css-tricks.com/snippets/css/using-font-face/

Ich habe letztens gerade eine Schrift verwendet nur mit den Formaten EOT und WOFF.
Wurde mir auch so vom Lizenzgeber geliefert und gleichzeitig verboten die Schrift in weitere Formate zu konvertieren. Daher denke ich, dass diese beiden ausreichend sind.
SVG braucht man soweit ich weiß nur für ganz alte iOS Versionen die ja in der Realität kaum bis gar nicht anzutreffen sind.

Konnte bislang keine Probleme feststellen, bin aber mit dem Testen noch nicht komplett durch.

Bezüglich Schriftdarstellung habe ich mittlerweile folgendes aus den vielen Problemen gelernt:
Wenn eine Schriftart unter OSX nicht schön aussieht - dann ist die Schrift schuld.
Wenn eine Schriftart unter Windows nicht schön aussieht - dann ist ebenfalls die Schrift schuld.
Wenn eine Schriftart nur im Firefox (Win) hässlich aussieht - wiedermal Firefox schuld.

BTW: Unter "schön" verstehe ich bei Windows "nicht hässlich" - bis Windows 8 sieht ja alles zum kotzen aus :)

Ansonsten, versuchs mal damit:
http://www.fontsquirrel.com/tools/webfont-generator (Ach, hast du ja schon probiert)

Edit:
http://caniuse.com/#feat=fontface (Bereich Subfeatures beachten!)

 

[Tronjer]

Lustiger Weise sieht der Font unter OSX wesentlich besser aus als unter Win 7. :)

Aber danke dir, dann sage ich dem Kunden: WOFF und EOT als Fallback für den IE.

btw. Squirrel war mein erster Anlaufpunkt, aber der spielt bei Adobe DRM nicht mit.

 

[scbawik]

Lustiger Weise sieht der Font unter OSX wesentlich besser aus als unter Win 7. :)

Aber danke dir, dann sage ich dem Kunden: WOFF und EOT als Fallback für den IE.

btw. Squirrel war mein erster Anlaufpunkt, aber der spielt bei Adobe DRM nicht mit.

OSX sieht immer besser aus als Windows.
Lustig finde ich das aber leider meistens nicht

Für IE müsste laut caniuse.com EOT reichen.
Bei beiden müsstest du eigentlich kein OTF mehr verwenden, da die zwei (für meine Ansprüche) Cross-Browser kompatibel sind.

Jep, habe ich später auch gemerkt und meinen Beitrag überarbeitet.