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
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