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 |
