tutoriais mais recente desenvolvimento web
 

Style fontFamily Property

<Estilo de objeto

Exemplo

Definir a fonte para um <p> elemento:

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

Definição e Uso

Os fontFamily conjuntos de propriedades ou retorna uma lista de nomes font-família e / ou nomes de familiares genérico para texto em um elemento.

O navegador irá usar o primeiro valor que ele reconhece.

Existem dois tipos de valores font-family:

  • font-family: O nome de um font-family, como "verdana" ou "arial"
  • generic-family: O nome de um font-family genérico, como "serif" ou "sans-serif"

Tip: Sempre especificar um nome familiar genérica como última alternativa!

Nota: Separe cada valor com uma vírgula.

Note: Se um nome font-family contém espaços em branco, deve ser citado.

Tip: Olhe para fontes Safe Web para combinações de fontes comumente usados.


Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade fontFamily é suportado em todos os principais navegadores.


Sintaxe

Devolver o imóvel fontFamily:

object .style.fontFamily

Defina a propriedade fontFamily:

object .style.fontFamily=" Valores de propriedade
Valor Descrição
font1, font2, etc. Uma lista separada por vírgulas de nomes font-família e / ou nomes de familiares genérico
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: não especificado
Valor de retorno: A String, que representa o nome da fonte do texto no elemento
CSS Versão CSS1

mais Exemplos

Exemplo

Uma demonstração de valores possíveis:

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

Exemplo

Voltar a fonte de um <p> elemento:

alert(document.getElementById("myP").style.fontFamily);
Tente você mesmo "

Páginas relacionadas

Tutorial CSS: CSS Font

Referência CSS: font-family property

HTML DOM referência: font property


<Estilo de objeto