English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia CSS

CSS @reglas (RULES)

大全 de atributos CSS

CSS font-Método de uso y ejemplo de family

font-El atributo family CSS se utiliza para establecer la fuente del contenido de texto del elemento. El atributo font-El atributo family debe contener varios nombres de fuentes como sistema de respaldo. Comienza con la fuente necesaria y, si no está disponible, usa las fuentes de respaldo en orden.

Deberías usar una serie de fuentes genéricas para finalizar esta lista, que tiene5Tipos de fuente, como: arial, sans-serif, monospace, cursive, fantasy. La siguiente tabla muestra las instrucciones de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript. monospacecursive

Valor predeterminado:Depende del navegador
Aplicable a:Todos los elementos
Herencia:
Animable:No.Consulte: Atributo de animación
Versión:CSS 1,2,3
Sintaxis de JavaScript:object.style.fontFamily="arial,sans-serif"

font-Sintaxis de uso de family

La sintaxis de este atributo es la siguiente:

font-family: [ family-nombre|genérico-family] [, family-nombre|genérico-family]uno o más pares|inicial|heredado

El siguiente ejemplo muestra cómo usar font-Atributo family.

  body {
   font-family: "Arial", "Helvetica", sans-serif;
  }
  h1 {
   font-family: "Times New Roman", Times, serif;
  }
Prueba a ver‹/›

Nota:Si el nombre de la serie de fuentes tiene más de una palabra, debe estar entre comillas, por ejemplo font-family: "Times New Roman", Serif; etcétera.

Para combinaciones de fuentes más comunes, consulteFuente segura de CSS

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
family-nameNombre de la serie de fuentes. Por ejemplo "Times" y "Helvetica". Los nombres de fuentes que contienen espacios deben estar entre comillas dobles.
generic-family

Cuando no se puede usar la selección de fuentes necesaria, la serie de fuentes genéricas puede usarse como mecanismo de fallback común. Dado que los nombres de las fuentes genéricas son palabras clave, no se pueden usar comillas.

La serie de fuentes genéricas debe ser la última opción de la lista de nombres de la serie de fuentes. Se definen las siguientes series genéricas:

  • serif (por ejemplo, Times)

  • sans-serif (por ejemplo, Arial)

  • cursive (por ejemplo, Zapf-Chancery)

  • fantasy (por ejemplo, Occidental)

  • monospace (por ejemplo, Courier)

Conocer sobreCombinación de fuentesMás información.

initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el font del elemento padre-Valores del atributo family.

Compatibilidad del navegador

font-Compatibilidad del navegador del atributo family, los números en la tabla a continuación representan la versión mínima del navegador que admite el atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Leer más

Consulte la siguiente guía:Fuente CSSTexto CSS

Atributos y reglas relacionados:fontfont-stylefont-variantfont-weightfont-size
line-height@font-face