Estilo de fuenteFamilia Propiedad
Ejemplo
Establecer la fuente para un elemento:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definición y uso
La propiedad fontFamily establece o devuelve una lista de nombres de familias de fuentes y/o nombres de familias genéricas para el texto de un elemento.
El navegador utilizará el primer valor que reconozca.
Hay dos tipos de valores de familia de fuentes:
- familia de fuentes: el nombre de una familia de fuentes, como "verdana" o "arial"
- familia genérica: el nombre de una familia de fuentes genérica, como "serif" o "sans-serif"
Consejo: ¡Especifica siempre un apellido genérico como última alternativa!
Nota: Separe cada valor con una coma.
Nota: si el nombre de una familia de fuentes contiene espacios en blanco, debe estar entrecomillado.
Sugerencia: Mire las fuentes seguras para la Web para conocer las combinaciones de fuentes más utilizadas.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad fontFamily:
object.style.fontFamily
Establezca la propiedad fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | No especificado |
---|---|
Valor devuelto: | Una cadena, que representa el nombre de la fuente del texto en el elemento |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Una demostración de los posibles valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Ejemplo
Devuelve la fuente de un elemento:
alert(document.getElementById("demo").style.fontFamily);
páginas relacionadas
Tutorial de CSS: fuente CSS
Referencia CSS: propiedad de familia de fuentes
Referencia HTML DOM: propiedad de fuente
❮ Objeto de estilo