A propriedade CSS Font-family
Uma família de fontes (tipo) é selecionada com a propriedade font-family. Esta propriedade aceita uma lista de valores separados por vírgulas representando nomes de fontes existentes ou não no sistema do usuário. No final da lista, pode ser incluída uma referência a uma família genérica, que será usada caso nenhum dos nomes coincida com o nome de uma fonte do sistema. A sintaxe é:
font-family: fonte1, fonte2, fonte3, ..., fonte-genérica
Exemplos:
h1 {
font-family: garamond;
}
h2 {
font-family: arial, helvetica, sans-serif;
}
h3 {
font-family: courier, "courier new", monospaced;
}
h4 {
font-family: monospaced;
}
As fontes sans-serif e monospaced são nomes genéricos. Não se referem a uma fonte em particular mas a um grupo genérico. Os outros são serif, cursive e fantasy.
As fontes sans-serif e monospaced são nomes genéricos. Não se referem a uma fonte em particular mas a um grupo genérico. Os outros são serif, cursive e fantasy.
| Nome genérico | Serif | Sans-serif | Monospace |
| Default do Unix | Times | Helvebica | Courier |
| Default do Mac | Times | Helvebica | Courier |
| Default do Win | Times New Roman | Ariel | Courier New |
O browser usará a primeira fonte da lista se a encontrar. Se não encontrar, irá procurar a fonte seguinte.
Se o nome de uma fonte tiver mais de uma palavra, este deverá ser colocado entre aspas.
As aspas podem ser apóstrofes simples (') ou aspas duplas ("). Os apóstrofes são necessários quando for preciso especificar estilos dentro de um atributo HTML:
<p style="font-family: 'times new roman', sans-serif">...</p>
| < Anterior | Próximo > |
|---|
