Los últimos tutoriales de desarrollo web
 

Style fontFamily Property

<Estilo de objeto

Ejemplo

Establecer la fuente para un <p> elemento:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades fontfamily o devuelve una lista de nombres de fuente-familia y / o los nombres genéricos de la familia para el texto en un elemento.

El navegador usará el primer valor que reconoce.

Hay dos tipos de valores font-family:

  • font-family: El nombre de una familia de fuentes, como "verdana" o "arial"
  • familia-genérica: El nombre de una fuente-familia genérica, como "serif" o "sans-serif"

Tip: Siempre especifique un nombre genérico familiar como la última alternativa!

Nota: separe cada valor con una coma.

Note: Si un nombre de fuente familiar contiene espacios en blanco, debe ser citado.

Tip: Mira Web fuentes seguras para combinaciones de fuentes de uso común.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad fontFamily es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad fontFamily:

object .style.fontFamily

Establecer la propiedad fontFamily:

object .style.fontFamily=" Valores de propiedad
Valor Descripción
font1, font2, etc. Una lista separada por comas de nombres de fuentes a la familia y / o nombres genéricos-familia
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: no especificado
Valor de retorno: Una cadena, que representa el nombre de fuente del texto en el elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Una demostración de valores posibles:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
Inténtalo tú mismo "

Ejemplo

Devolver la fuente de un <p> elemento:

alert(document.getElementById("myP").style.fontFamily);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS Fuente

Referencia CSS: font-family property

Referencia HTML DOM: font property


<Estilo de objeto