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.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
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 |