Latest web development tutorials

HTML DOM propiedad Estilo fontFamily

Estilo de referencia de objetos Objetos de estilo

Definición y Uso

fontfamily conjuntos de propiedades o devuelve una lista de elementos de la familia de fuentes apellido Nombre / fuente genérica chino.

El navegador usará el primer valor que reconoce.

Hay dos tipos de valores de la familia de la fuente:

  • font-family: un nombre de familia de fuentes, tales como "Verdana" o "Arial".
  • familia-genérica: un nombre de familia genérica de fuentes, tales como "serif" o "sans serif".

Consejo: Siempre especificar un nombre de familia genérica de fuentes como último recurso!

NOTA: Si elapellido fuente contiene espacios, comillas.

Tip: Check fuentes compatibles con Web utilizan comúnmente combinaciones de fuentes.

gramática

Configuración de las propiedades fontfamily:

Object.style.fontFamily="font1, font2, etc.|inherit"

Volver propiedades fontfamily:

Object.style.fontFamily

描述
font1, font2, etc. 字体系列名称/通用字体系列名称的表,由逗号分割。
inherit fontFamily 属性的值从父元素继承。


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan la propiedad fontFamily.

Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".


Ejemplos

Ejemplos

Cambiar la fuente del texto:

<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
document.getElementById ( "P1") style.fontFamily = "Impacto, carbón de leña, sans-serif" .;
}
</ Script>
</ Head>
<Cuerpo>

<P id = "p1"> Esto es un texto. </ P>
<br>
<Botón type = "button" onclick = "displayResult ()"> Cambiar fuente botón </>

</ Body>
</ Html>

Trate »


Estilo de referencia de objetos Objetos de estilo