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:

h2 {
    font-variant: small-caps
}

The HTML:

<h2>See I'm Using Small Caps</h2>

The Demo:

Browser Support:

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

Sources

• http://caniuse.com/

• https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant