Feinstes Fontrendering im Webkit-Browser
In den Browsern kommt mir die Schrift eigentlich meist fetter vor, als sie eigentlich sein sollte. Dabei sind typografische Unterscheidungen doch so sexy, beziehungsweise eine klare Unterscheidung zwischen regulärem und gefettetem Text sehr wichtig.In Webkit-Browsern konnte man bisher den Text mit -webkit-text-stroke mit einem transparenten Rahmen versehen, um diesen etwas dünner wirken zu lassen. Oder […]
In den Browsern kommt mir die Schrift eigentlich meist fetter vor, als sie eigentlich sein sollte. Dabei sind typografische Unterscheidungen doch so sexy, beziehungsweise eine klare Unterscheidung zwischen regulärem und gefettetem Text sehr wichtig.
In Webkit-Browsern konnte man bisher den Text mit -webkit-text-stroke mit einem transparenten Rahmen versehen, um diesen etwas dünner wirken zu lassen. Oder man setzte gleich einen Schatten, was den Kontrast erhöhte und damit einen dünneren Font vortäuscht. Das Problem nur: Auf dem iPhone beispielsweise sah text-stroke fürchterlich aus. Mit dem neuen Safari 5 oder Google Chrome kann man nun -webkit-font-smoothing einsetzen.
Wie die Attribute und Ergebnisse aussehen, könnt ihr euch bei Tim ansehen