En este artículo, aprenderemos cómo configurar todas las propiedades de la fuente en una declaración usando CSS. Esto se puede usar para configurar rápidamente las propiedades de fuente requeridas sin especificar cada una de ellas por separado.
Enfoque: Usaremos la propiedad de fuente de CSS, que es la propiedad abreviada para todas las propiedades de fuente. Esto toma cinco valores: estilo de fuente, variante de fuente, peso de fuente, tamaño de fuente y familia de fuentes. Las propiedades font-size y font-family deben establecerse para que esta propiedad funcione. Todas las propiedades que se van a utilizar se definen en el siguiente orden:
- font-style : Es el estilo de la fuente.
- font-variant: Establece si la fuente debe mostrarse en versalitas.
- font-weight: Establece el peso de la fuente.
- font-size : Establece el tamaño de la fuente.
- font-family: Establece la familia de la fuente.
Sintaxis:
font: font-style font-variant
font-weight font-size
font-family
Ejemplo:
HTML
<html>
<head>
<style>
body {
/* font: font-weight font-variant
font-size font-style */
font: bold small-caps 30px serif;
}
.gfg {
column-count: 3;
column-gap: 50px;
column-rule: 5px dotted blue;
}
</style>
</head>
<body>
<div class="parent">
<div class="gfg">
GeeksforGeeks is my favourite site where
i can gain a lot of knowledge and can
also share my knowledge what I have
gained while learning. We can add
more pharagraphs for content.
</div>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por manikumarsingh789 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA