Atributo font-family do CSS

Definição e uso

A propriedade font-family define a série de caracteres do elemento.

A propriedade font-family pode usar vários nomes de fontes como um sistema de "reserva" para salvar. Se o navegador não suportar a primeira fonte, ele tentará a próxima. Isso significa que o valor da propriedade font-family é uma lista prioritária de nomes de famílias de caracteres ou nomes de classes de caracteres para um elemento específico. O navegador usará o primeiro valor que ele puder identificar.

Existem dois tipos de nomes de famílias de caracteres:

  • Nomes específicos da série: nome específico da fonte, por exemplo: "times", "courier", "arial".
  • Nomes comuns de famílias de caracteres: por exemplo: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Dica:Separe cada valor com vírgula e forneça sempre um nome de classe de caracteres como a última escolha.

Atenção:O uso de uma família de caracteres específica (Geneva) depende da disponibilidade dessa família no computador do usuário; essa propriedade não indica qualquer download de fontes. Portanto, é altamente recomendável usar um nome de família de caracteres genérico como plano de backup.

Veja também:

Tutorial do CSS:CSS Fonte

Manual de referência do CSS:Atributo font do CSS

Manual de referência do DOM HTML:Propriedade de fonte

Exemplo

Definir a fonte para o parágrafo:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Experimente você mesmo

Sintaxe do CSS

font-family: family-name|generic-family|initial|inherit;

Valor do atributo

Valor Descrição
  • family-name
  • generic-family

Uma lista prioritária de nomes de famílias de fontes ou de nomes de classes de fontes para um elemento específico.

Valor padrão: depende do navegador.
inherit Define que a série de caracteres deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.fontFamily="arial,sans-serif"

TIY Exemplo

Configurar a fonte do texto
Este exemplo demonstra como configurar a fonte do texto.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5