Safari 3.1 CSS 3 WebFonts (Update)

Safari 3.1 unterstützt als erster Browser für Mac und PC nun auch CSS 3 Web Fonts. Safari-Besucher sehen daher die Überschriften auf qxm.de in der Schrift „Share“ von Ralph Oliver du Carrois.

Und so geht’s: Mit @font-face wird die zu ladende Schrift definiert:

@font-face { font-family: Share; src: url('Share-Regular.ttf'); }

Und mit der font-family-Anweisung rufen Sie diese Schrift auf:

h2 { font-family: Share, Helvetica, (...) sans serif; }

Wenn Sie eine Schrift in eine Website einbinden wollen, müssen Sie unbedingt die Bedingungen der Lizenz beachten – Sie dürfen nicht einfach irgendeine gekaufte Schrift nehmen! „Share“ steht übrigens unter einer Creative-Commons-Lizenz.

Update

Hier ein Screenshot für diejenigen, die Safari 3.1 nicht benutzen können/wollen: