Safari 3.1 CSS 3 WebFonts (Update)

Mittwoch, 19. März 2008

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:

icon Kommentare (11)

Liebes Tagebuch (60)Blitztutorial: Perspektive und Tiefenschärfe – das nächste dicke Design-Ding

Manche Funktionen wie das Aufklappen von verborgenen Inhalten benötigen Javascript. Bitte schalten Sie deshalb Javascript ein und laden Sie die Seite erneut.

Notizbuch

Enzyklopädie der populären Irrtümer
Beispiele: Der Mensch hat fünf Sinne. Oder: Ein Würfel hat vier Ecken. ¶
Introducing EOS Movie Plugin-E1 for Final Cut Pro
Vereinfacht den Workflow mit Videomaterial aus den Canon-Kameras 1D Mark IV, 5D Mark II und 7D. Kostenlos, erscheint Anfang März. ¶
Inszenierte Fotografie - Diplomarbeit zum Thema „Moment“
Danke, Michael! ¶
180 Degree Shutter – Learn It, Live It, Love It
Vereinfacht gesagt: Filmen Sie mit einer HD-DSLR mit 25 Bildern/s, sollte als Verschlusszeit idealerweise 1/50 gewählt werden, niemals aber eine längere. ¶
A conversation I have every month or so
Das bekommt ab sofort jeder zu lesen, der eine Flash-Website von mir haben will. ¶
Vintage Japanese industrial expo posters
¶
Glossar der Lebensmittel- und Speisenamen, englisch/deutsch
Nützliche Übersetzungshilfe für englischsprachige Rezepte – „pork chuck roast“ habe ich sonst in keinem Wörterbuch gefunden. ¶
Evolution of 50 Corporate Brand logos
(Danke, Martin) ¶
With friends like these ...
„Why would I want to waste my time on Facebook when I still haven’t read Keats’ Endymion? And when there are seeds to be sown in my own back yard?“ ¶
French Anti-Piracy Organisation Hadopi Uses Pirated Font In Own Logo
¶