Font-variant

• COURSES
• CODE PLAYGROUND
• DISCUSS
• TOP LEARNERS

font-variant

41

1/1

 

The font-variant Property

The CSS font-variant property allows you to convert your font to all small caps. The values can be set as normal, small-caps, and inherit. 

The HTML:<p class="normal">Paragraph font variant set to normal.</p>
<p class="small">Paragraph font variant set to small-caps.</p>
The CSS:

p.normal {
font-variant: normal;
}
p.small {
font-variant: small-caps;
}Try It Yourself

Result:
Not every font supports CSS font-variant, so be sure to test before you publish.