CSS - variante da fonte

Descrição

A propriedade font-variant determina o uso de uma das duas faces da fonte a ser usada na renderização do texto de um determinado elemento.

Valores possíveis

  • normal- Especifica uma face de fonte normal; ou seja, qualquer que seja a face padrão da fonte em uso.

  • small-caps- especifica uma face em versalete; ou seja, uma face na qual os caracteres minúsculos são processados ​​como letras maiúsculas, que são menores do que as letras usadas para caracteres maiúsculos.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.fontVariant = "small-caps";

Exemplo

Aqui está o exemplo usando esta propriedade -

<html>
   <head>
   </head>

   <body>
      <p style = "font-variant:small-caps;">
         This text will be rendered as small caps
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -