Ever needed to use small caps in a website? They can add a really nice typographic touch in certain circumstances, but I’ve never really taken advantage of them with CSS.

It’s really easy to add small caps using font-variant, here’s how:

The CSS:


The Demo:

See I’m Using Small Caps

Browser Support:

ie10 and aboveChrome 31 and aboveFire Fox 26 and aboveOpera 19 and aboveSafari 7 and above

The font-variant property has good browser support working in all modern browsers. Not supported in Internet Explorer 9 and below.