Cross-browser kerning-pairs & ligatures. CSS3 Transforms & @font-face Experiment | neography. 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. It’s a web page completely designed using basic CSS and new CSS3 techniques. Pretty impressive right? How’s it done? Pretty easy actually, I used basic CSS positioning and some of the newer CSS3 features to put it together.
@font-face Transforms -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); Text-Shadows & Box Shadows. Proggy Programming Fonts. Web Typography with CSS3. Table of Contents.