CSS - RicardoHorta.Net - www.ricardohorta.net

Como definir fontes.

Você pode definir a fonte da sua página através do atributo font-family. Além da sua fonte preferida, alternativas podem ser sugeridas, pois você não sabe quais fontes estão instaladas no computador dos internautas.
A sintaxe é font-family { fonte favorita, fonte alternativa }.

font-family { Arial, "Times New Roman", Courier }

com os nomes das fontes separados por vírgulas.
Nomes de fontes que tenham mais de uma palavra ( Times New Roman, por exemplo ) devem ficar entre aspas.
A prioridade é da esquerda para a direita. No exemplo acima, o browser tentará exibir a página na fonte Arial. Se esta fonte não estiver instalada no computador do internauta, ele procurará por Times New Roman e assim por diante.
Um nome genérico de fonte pode ser sugerido como alternativa. Nomes genéricos são: serif, sans-serif, cursive, fantasy e monospace.

font-family { Arial, "Times New Roman", Courier, serif }
Nomes genérico NÃO podem ficar entre aspas, mesmo que contenham mais de uma palavra.
Para sua segurança, utilize um nome genérico de fonte no final da lista.
No exemplo abaixo, estou definindo o atributo font-family da tag <body> na sequência: Courier, Times New Roman, Verdana, serif.
Para a tag <H1>, defini a fonte Arial e sans-serif como nome genérico.

Neste exemplo, a hereditariedade ( <H1> herda os atributos de <body> ) é quebrada ao definir um atributo individualmente. Assim, o que foi especificado para <H1> prevalece sobre os atributos de <body>.
Veja o resultado.

Ao utilizar nomes genéricos de fonte, qual será utilizada ?