background preloader

Web typography

Facebook Twitter

Cross-browser kerning-pairs & ligatures. Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.

Cross-browser kerning-pairs & ligatures

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 num­ber of exper­i­ments I plan on work­ing on over the next few months, all in an effort to get acquain­ted with some of the new CSS3 fea­tures out in the wild that seem to be gain­ing some traction.

CSS3 Transforms & @font-face Experiment

The last few months have been pretty excit­ing, with all the talk about new CSS3 fea­tures and how browsers are adding sup­port for them, it’s a great time to be a designer for the web. It’s a lot easier these days to exper­i­ment with dif­fer­ent typefaces, lay­outs and tech­niques pre­vi­ously 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.