Keine Angst mehr vor opacity und Schriftdarstellung?
3. Oktober 2012
Manchmal ist das Timing ein Schalk. Gerade wollte ich ein Kapitel meines #webtypobuch schreiben, in dem es um Schriftdarstellung in Extremsituationen geht. Viele von euch werden den Effekt kennen: Sobald man per opacity
ein Element auch nur einen Hauch teiltransparent werden lässt, verliert die Schrift ihre Subpixel-Glättung und wird merklich dünner. Besonders ärgerlich beim sanft animierten Ein- und Ausblenden von Textboxen und Ähnlichem.
Quasi während ich formuliere, macht mein Chrome ein Update von 21 auf 22, und das Problem ist weg. Und ein kurzer Check macht klar: Auch unter Firefox 15, Safari 6 und Opera 12 sind keine größeren Unterschiede zwischen opacity:1
und opacity:0.999
mehr zu vermelden. Siehe dazu auch meine entsprechende Testumgebung.
(Ja, Chrome schaltet weiterhin die Subpixel aus, aber die Schrift wird nicht mehr so absurd viel schlanker wie vorher. Alle anderen Mac-Browser sind noch robuster und behalten auch die Subpixel bei.)
Kann jemand über die Situation unter Windows XP und Windows 7 berichten? Ich habe leider gerade beides nicht zur Hand.
update: Das Problem besteht weiterhin, allerdings in erster Linie bei Animationen von opacity-Werten oder ganz besonders deutlich bei Dreh-Animationen