CSS Text-Rendering

This morning I saw a couple of tweets from @seangaffney and @maxvoltar about the CSS text-rendering property, which is in the W3C Working Draft. Aesthetically Loyal has outlined the differences in kerning pairs and browser support for text-rendering: optimizeLegibility; quite nicely, and after seeing how well capital As, Vs, Ys and Ts display I had to test it for myself.

compared type

Similar to Kyle Meyer’s experiment, I noticed a significant improvement and added the property to my body CSS for this site.  Overall, type looks much tighter and successive capital letters, like “CSS”, seem more evenly spaced.  Firefox uses optimizeLegibility by default for font sizes 20px or larger and I agree with Paul Irish’s thought that Webkit should do the same.

9 Responses

Leave a comment or contact me via Twitter @TrentWalton

Leave a Reply