---
title: "font-variant property in CSS"  
description: "font-variant property in CSS"  
author: "Lady Bird Johnson"  
published: 2013-06-14  
updated: 2013-06-15  
canonical: https://www.mindstick.com/forum/1102/font-variant-property-in-css  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# font-variant property in CSS

Hi,\
What is font-[variant](https://www.mindstick.com/interview/52/what-is-variant-datatype-in-vb-script) [property](https://www.mindstick.com/blog/205/property-notification-in-c-sharp) in [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem) and how to used it?\
Thanks in advance.

## Replies

### Reply by AVADHESH PATEL

In a small-caps font, all lowercase letters are converted to uppercase letters. However, the converted uppercase letters appears in a smaller font size than the original uppercase letters in the text.

The font-variant property specifies whether or not a text should be displayed in a small-caps font.

**e. g.**

```
p.small{font-variant:small-caps;}
```


---

Original Source: https://www.mindstick.com/forum/1102/font-variant-property-in-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.