font-weight

Índice

Definición de .font-weight utilizado en CSS

La propiedad .font-weight establece el peso, o el grosor, de una fuente y depende de las caras de fuentes disponibles dentro de una familia de fuentes o pesos definidos por el navegador.

Ejemplo de empleo : propiedad CSS font-weight

Esta propiedad de CSS habitualmente se utiliza de esta forma:

span {
  font-weight: bold;
}

Otro ejemplo más avanzado de .font-weight es el siguiente de CODEPEN:

Sintaxis de .font-weight en CSS

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Valores

Valor Descripción Manifestación
normal Define caracteres normales. esto es por defecto
audaz Define caracteres gruesos
más audaz Define caracteres más gruesos
encendedor Define caracteres más ligeros
100
200
300
400
500
600
700
800
900
Define desde caracteres finos a gruesos. 400 es lo mismo que normal, y 700 es lo mismo que negrita
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .font-weight

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
gap (in Grid) 66 16 61 12 53
gap (in Flexbox) 84 84 63 14.1 70
gap (in Multiple Columns) 66 16 61 Not supported 53

Bibliografía

No dudes en echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso