Style fontFamily Property
Exemplo
Defina a fonte para um elemento:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definição e uso
A propriedade fontFamily define ou retorna uma lista de nomes de famílias de fontes e/ou nomes de famílias genéricas para texto em um elemento.
O navegador usará o primeiro valor que reconhecer.
Existem dois tipos de valores de família de fontes:
- font-family: O nome de uma família de fontes, como "verdana" ou "arial"
- generic-family: O nome de uma família de fontes genérica, como "serif" ou "sans-serif"
Dica: Sempre especifique um nome de família genérico como a última alternativa!
Nota: Separe cada valor com uma vírgula.
Nota: Se um nome de família de fontes contiver espaço em branco, ele deverá ser citado.
Dica: Consulte as fontes seguras da Web para obter as combinações de fontes mais usadas.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade fontFamily:
object.style.fontFamily
Defina a propriedade fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
font1, font2, etc. | A comma-separated 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 |
Detalhes técnicos
Valor padrão: | não especificado |
---|---|
Valor de retorno: | Uma String, representando o nome da fonte do texto no elemento |
Versão CSS | CSS1 |
Mais exemplos
Exemplo
Uma demonstração de valores possíveis:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Exemplo
Retorna a fonte de um elemento:
alert(document.getElementById("demo").style.fontFamily);
Páginas relacionadas
Tutorial CSS: Fonte CSS
Referência CSS: propriedade font-family
Referência HTML DOM: propriedade da fonte
❮ Objeto de estilo