Webdesign | Mittwoch, 24. August 2005

Helvetica Neue Light in Webbrowsern

Für blogWM setze ich als Headlinefont die Helvetica Neue Light ein, eine Schrift, die zumindest bei jedem Mac OS X Benutzer automatisch installiert ist. Alle anderen sehen die normale Helvetica. Dummerweise wurde die Light mit diesem CSS-Code zunächst nur in Safari korrekt angezeigt:

font-family: "HelveticaNeue-Light", Helvetica, "Trebuchet MS", Verdana, sans-serif;

Helvetica Neue Light

Nach ein wenig probieren kam heraus, dass Firefox, Camino etc. einfach nur den Schriftnamen so nicht verstehen – er muss zusätzlich noch mal mit Leerzeichen angegeben werden.

Mit diesem CSS-Code zeigen jetzt auch andere Browser – sofern sie installiert ist – die Helvetica Neue Light:

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "Trebuchet MS", Verdana, sans-serif;

Helvetica Neue Light

Da muss man erst mal drauf kommen …

Anmerkung: Die Unterschiede in der Darstellung der beiden Helvetica-Zeilen sind in Safari nicht zu sehen.

Update 17.03.2008

Firefox 3 Beta 4 zeigt die Light-Version mit dieser Methode nicht an. Im Eintrag Helvetica Neue Light in Firefox 3 steht, wie es auch damit funktioniert.

Kommentare:

Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.

André Mittwoch, 7. September 2005, 17:48 Uhr

Die Helvetica Neue Light gehört ja mit zu Helvetica Neue (?). Trotzdem kann man einfach eine dieser Schriften (45 Helvetica Neue Light oder „75 Helvetica Neue Bold“ direkt per CSS definieren?

Michael Preidel Mittwoch, 7. September 2005, 18:19 Uhr

Naja, man kann, wenn man will, jede Schrift per CSS definieren, es ist halt nur immer die Frage, wie viele der Besucher den angegebenen Font auch installiert haben. Bei Mac OS X gehört die Helvetica Neue zu den Systemschriften, zumindest Mac-Surfer sehen sie also.

Als Fallback sollte man in der jeweiligen CSS-Klasse aber immer Alternativschriften angeben, die sozusagen von vorne nach hinten abgearbeitet werden. Im obigen Beispiel würde also jemand, der keine Helvetica Neue hat, die normale Helvetica sehen, hat er auch die nicht, die Trebuchet MS usw.