Small Caps in CSS

13 May 2008

I created a quick webiste mock up last night… I’m not a designer :(

I created the mock up in photoshop then copied the design to HTML + CSS. Photoshop has a feature that makes all letters upper case with the truly capitalized ones bigger and the lower case letters smaller. I found that CSS allows for this same behavior.

Regular: The United States of America

Small caps: The United States of America

Here is a css class definition for small caps:

font-variant:small-caps;