Snow Leopard + Safari: Schriftglättung mit CSS manipulieren

css-font-schriftglaettung

Die Schriftglättung unter OS X Snow Leopard ist je nach Schriftfarbe und Hintergrundgestaltung im Safari ein wenig zu stark geraten - mitunter wirkt die Schrift einfach zu fett.
Dieses Problem kann mit einem simplen CSS-Snippet das auf den body oder einen beliebigen anderen Selektor angewendet wird behoben werden. Möglich wird dies durch Safaris WebKit-Engine.

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

Schriftglättung im Safari unter Snow Leopard

CSS-Code

Und so geht's. Einfach folgenden Code in Euer Stylesheet kopieren und den Selektor ggf. anpassen. Das war es auch schon. Der Screenshot oben zeigt im direkten Vergleich die "normale" Schriftglättung (oben) und die mittels CSS manipulierte (unten).

body {
  -webkit-text-stroke:1px transparent;
}

@media only screen and (max-device-width:480px) {
  body{-webkit-text-stroke:0 black;}
}

Achtung!
Der CSS-Code ist nach CSS 2.1 nicht valide.