Día 44: CSS Font Shorthand
La ruta del desarrollador web frontend autónomo🤹♂️
Table of contents
La propiedad font CSS
Para reducir el código, también es posible especificar todas las propiedades de fuente en una sola propiedad.
La propiedad font es una propiedad abreviada para:
font-stylefont-variantfont-weightfont-size/line-heightfont-family
Nota: Los valores
font-sizeyfont-familyson obligatorios. Si falta uno de los otros valores, se utiliza su valor predeterminado.
Ejemplo:
Utilice font para establecer varias propiedades de fuente en una sola declaración:
Todas las propiedades de fuentes CSS
| Propiedad | Descripción |
font | Establece todas las propiedades de fuente en una sola declaración. |
font-family | Especifica la familia de fuentes para el texto. |
font-size | Especifica el tamaño de fuente del texto. |
font-style | Especifica el estilo de fuente para el texto. |
font-variant | Especifica si un texto debe mostrarse o no en letra minúscula |
font-weight | Especifica el peso de una fuente. |
Resumen
La propiedad font de CSS permite especificar todas las propiedades de fuente en una sola línea. Esta propiedad abreviada incluye font-style, font-variant, font-weight, font-size/line-height y font-family. Los valores font-size y font-family son obligatorios y si falta uno de los otros valores, se utiliza su valor predeterminado. Además, se describen otras propiedades de fuentes CSS como font-family, font-size, font-style, font-variant y font-weight.
Traducido con 💚 desde W3Schools.com