Propriedade da família de fontes CSS
Exemplo
Especifique a fonte para dois parágrafos:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Definição e uso
A font-family
propriedade especifica a fonte de um elemento.
A font-family
propriedade pode conter vários nomes de fontes como um sistema de "retorno". Se o navegador não suportar a primeira fonte, ele tentará a próxima fonte.
Existem dois tipos de nomes de família de fontes:
- family-name - O nome de uma família de fontes, como "times", "courier", "arial", etc.
- generic-family - O nome de uma família genérica, como "serif", "sans-serif", "cursive", "fantasy", "monospace".
Comece com a fonte desejada e sempre termine com uma família genérica, para permitir que o navegador escolha uma fonte semelhante na família genérica, se não houver outras fontes disponíveis.
Nota: Separe cada valor com uma vírgula.
Nota: Se um nome de fonte contiver espaço em branco, ele deverá ser citado. As aspas simples devem ser usadas ao usar o atributo "estilo" em HTML.
Valor padrão: | depende do navegador |
---|---|
Herdado: | sim |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS1 |
Sintaxe JavaScript: | object .style.fontFamily="Verdana,sans-serif" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxe CSS
font-family: family-name|generic-family|initial|inherit;
Valores de propriedade
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Páginas relacionadas
Tutorial CSS: Fonte CSS
Referência CSS: propriedade da fonte
Referência HTML DOM: propriedade fontFamily