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:
1 2 3 | h2 { font-variant: small-caps } |
The HTML:
1 | <h2>See I'm Using Small Caps</h2> |
The Demo:
See I’m Using Small Caps
Browser Support:
The font-variant property has good browser support working in all modern browsers. Not supported in Internet Explorer 9 and below.