Propriedade fontFamily do estilo

Definição e uso

fontFamily Propriedade que define ou retorna a lista de nomes da família de fontes (font-family) e/ou série genérica (generic-family) do texto do elemento.

O navegador usará o primeiro valor que puder reconhecer.

Existem dois tipos de valores font-family:

  • font-family: Nome da família de fontes, como "verdana" ou "arial"
  • generic-family: Nome da família de fontes genérica, por exemplo "serif" ou "sans-serif"

Dica

Sempre especifique o nome da série genérica como a última escolha!

Use vírgula para separar cada valor.

Se o nome da família de fontes contiver espaços, é necessário usá-lo entre aspas.

Veja Fontes seguras da Webpara saber sobre combinações de fontes comuns.

Veja também:

Tutorial de CSS:Fonte CSS

Manual de referência do CSS:Propriedade font-family

Manual de referência do HTML DOM:Propriedade font

Exemplo

Exemplo 1

Defina a fonte do elemento <p>:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Experimente você mesmo

Exemplo 2

Demonstração de possíveis valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Experimente você mesmo

Exemplo 3

Retorna a fonte do elemento <p>:

alert(document.getElementById("myP").style.fontFamily);

Experimente você mesmo

Sintaxe

Retorne a propriedade fontFamily:

object.style.fontFamily

Defina a propriedade fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

Valor da propriedade

Valor Descrição
font1, font2... Lista de nomes de famílias de fontes e/ou nomes de séries genéricas separados por vírgula.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: Não especificado
Retorno: Cadeia de caracteres, que representa o nome da família de fontes do texto do elemento.
Versão do CSS: CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte