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