Cross-browser kerning-pairs & ligatures. Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.
The declaration is currently supported by: Safari 5, The Webkit Nightlies & Chrome. Firefox already uses optimizeLegibility by default for text sizes above 20px. Caveats Paul Irish was so kind as to pass on a few bugs that have surfaced. In recent versions of Chromium, mixing optimizeLegibility and font-variant: small-caps will cause the small-caps to not render. CSS3 Transforms & @font-face Experiment. Wednesday, March 31st, 2010 This is the first of what I hope are number of experiments I plan on working on over the next few months, all in an effort to get acquainted with some of the new CSS3 features out in the wild that seem to be gaining some traction.
The last few months have been pretty exciting, with all the talk about new CSS3 features and how browsers are adding support for them, it’s a great time to be a designer for the web. It’s a lot easier these days to experiment with different typefaces, layouts and techniques previously not available. Take a look at the image below: No, it’s not a poster. Proggy Programming Fonts.
Web Typography with CSS3. Table of Contents.