Estilo da Fonte do CSS

Estilo de fonte

font-style A propriedade é usada principalmente para especificar texto em itálico.

Essa propriedade pode definir três valores:

  • normal - O texto é exibido normalmente
  • italic - O texto é exibido em itálico
  • oblique - O texto é 'inclinado' (inclinado é muito semelhante ao itálico, mas suporta menos)

Exemplo

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Experimente pessoalmente

Grossura da fonte

font-weight A propriedade especifica a grossura da fonte:

Exemplo

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Experimente pessoalmente

Variedade de fontes

font-variant A propriedade especifica se o texto será exibido com o estilo small-caps (letras minúsculas em maiúsculas).

Em pequenas letras, todas as letras minúsculas serão convertidas para maiúsculas. No entanto, o tamanho da letra maiúscula convertida é menor que o tamanho da letra maiúscula original no texto.

Exemplo

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

Experimente pessoalmente