Propriedade font-family

A propriedade font-family define o tipo da fonte.

Sintaxe

Observação

Se o nome da fonte contiver espaços, por exemplo, Times New Roman, ele deve ser colocado entre aspas simples ou duplas.

Observação

É possível listar várias fontes semelhantes separadas por vírgula. Quando o navegador encontra a primeira fonte na lista, ele verifica sua presença no computador do usuário. Se essa fonte não estiver presente, a próxima fonte da lista é usada e também analisada quanto à presença. Portanto, várias fontes aumentam a probabilidade de que pelo menos uma delas seja encontrada no computador do cliente.

A lista geralmente termina com uma palavra-chave, que descreve o tipo de fonte (todas as fontes pertencem a algum tipo) - serif, sans-serif, cursive, fantasy ou monospace. Se o navegador não encontrar nenhuma das fontes especificadas no computador do usuário, ele escolherá uma das fontes do tipo especificado.

Tipos de fonte

Tipo	Descrição
serif	Fonte com serifas.
sans-serif	Fonte sem serifas.
cursive	Fonte cursiva.
fantasy	Fonte decorativa com belos floreios e efeitos incomuns.
monospace	Fonte monoespaçada, na qual a largura de cada caractere é igual.

Valor padrão: a fonte definida por padrão no navegador. Geralmente é Times New Roman.

Exemplo

Vamos definir a família da fonte como Arial:

:

Exemplo

Vamos definir a família da fonte como Times New Roman. Como o nome da fonte consiste em várias palavras, colocamos entre aspas:

:

Exemplo

Vamos definir a fonte do grupo serif (provavelmente será usada Times New Roman):

:

Exemplo

Vamos definir a fonte do grupo sans-serif (provavelmente será usada Arial):

:

Exemplo

Vamos definir a fonte do grupo fantasy (pode não funcionar para você devido à falta de tal fonte):

:

Exemplo

Vamos definir a fonte do grupo monospace (as letras ficarão do mesmo tamanho):

: