Comments on: Proper Use and Examples of the small-caps CSS Property http://kempwire.com/tips/proper-use-and-examples-of-the-small-caps-css-property.html Just another WordPress weblog Thu, 20 Nov 2008 11:24:45 +0000 http://wordpress.org/?v=2.6.2 By: sgr http://kempwire.com/tips/proper-use-and-examples-of-the-small-caps-css-property.html#comment-123 sgr Thu, 30 Aug 2007 14:49:52 +0000 http://www.kempwire.com/uncategorized/proper-use-and-examples-of-the-small-caps-css-property.html#comment-123 Watch out for fake small caps. They attract undue emphasis and decrease legibility because the stroke weights are all screwed up, as are the kerns. This is the case in all of the examples that you've given (though Verdana is vaguely passable for on-screen viewing). The small-caps variant simply doesn't work well if the font designer didn't include a properly proportioned small-caps variant. I think that text-transform:uppercase SHOULD override small-caps, because that's what you telling it do, right? Small caps letters don't come from the upper case, but from a supplementary lower case. 'Upper case' is not synonymous with 'capitals'. Watch out for fake small caps. They attract undue emphasis and decrease legibility because the stroke weights are all screwed up, as are the kerns. This is the case in all of the examples that you’ve given (though Verdana is vaguely passable for on-screen viewing).

The small-caps variant simply doesn’t work well if the font designer didn’t include a properly proportioned small-caps variant.

I think that text-transform:uppercase SHOULD override small-caps, because that’s what you telling it do, right? Small caps letters don’t come from the upper case, but from a supplementary lower case. ‘Upper case’ is not synonymous with ‘capitals’.

]]> By: dross http://kempwire.com/tips/proper-use-and-examples-of-the-small-caps-css-property.html#comment-122 dross Thu, 17 May 2007 15:45:30 +0000 http://www.kempwire.com/uncategorized/proper-use-and-examples-of-the-small-caps-css-property.html#comment-122 When using small-caps I generally add a letter-spacing: 1px or so to the element. Small cap text is usually cramped and giving the letters a little breathing room helps the eye. When using small-caps I generally add a letter-spacing: 1px or so to the element. Small cap text is usually cramped and giving the letters a little breathing room helps the eye.

]]>