Establezca el peso de fuente usando clases de arranque
Este artículo describirá lo siguiente:
- Ajustar el peso de la fuente con clases de bootstrap 4
- Ajustar el peso de la fuente con clases de bootstrap 5
Ajustar el peso de la fuente con clases de bootstrap 4
En Bootstrap 4, el peso de la fuente de los elementos se ajusta utilizando varias clases. Para una demostración práctica, revise las secciones a continuación.
Cómo hacer que el peso de fuente sea normal en Bootstrap 4?
El "pesca-pesoLa clase se utiliza para hacer el texto normal. Esta clase tiene un CSS predefinido "pescado"Propiedad con el valor"400".
Ejemplo
Agrega un ""Elemento con algún texto y asignarlo el"pesca-peso" clase.
Html
pesca-peso
Producción
Cómo hacer que la luz de peso fuera en Bootstrap 4?
El "Font-peso-luz"La clase hace que el texto sea delgada. Tiene un CSS predefinido "pescado"Propiedad con el valor"300".
Ejemplo
En el ejemplo continuo, agregue la clase "Font-Weight-Light" a la "
" elemento:
Html
Font-peso-luz
Producción
Cómo hacer que el peso de la fuente se atrevga en Bootstrap 4?
El "pescado pesado"La clase se utiliza para hacer texto en negrita. Tiene una propiedad predefinida de CSS "Font-Weight" con el valor "700".
Ejemplo Html pescado pesado Producción Cómo hacer Font Cursalic en Bootstrap 4? El "fuente-italicaLa clase se utiliza para hacer la fuente en estilo cursiva. Tiene un CSS predefinido "Estilo de fuente"Propiedad con el valor"itálico". Ejemplo " etiqueta: Html fuente-italica Producción Ajustar el peso de la fuente con clases de bootstrap 5 Usando Bootstrap 5, se utilizan las siguientes clases para ajustar el peso de la fuente de varios elementos. Cómo hacer que el peso de fuente sea normal en Bootstrap 5? El "FW normalLa clase se utiliza para hacer el estilo de fuente normal del texto. Tiene una propiedad predefinida de CSS "Font-Weight" con el valor "400". Ejemplo " elemento: Html FW normal Producción Cómo hacer que el peso de la fuente se atrevga en Bootstrap 5? El "pescado pesado"La clase se utiliza para hacer que el texto sea en negrita. Tiene un CSS predefinido "pescado"Clase con el valor"700". Ejemplo " etiqueta. Html FW-Bold Producción Cómo hacer que el peso de la fuente sea más audaz en Bootstrap 5? El "FW-derrotanteLa clase se utiliza para hacer que el texto sea más audaz. Tiene un CSS predefinido "pescado"Con el valor"más audaz". Ejemplo " elemento. Html FW-derrotante Producción Cómo hacer que la luz de peso fuera en Bootstrap 5? El "Font-peso-luz"La clase se utiliza para hacer que el texto sea ligero. Tiene un estilo predefinido de "pescado"Tener un valor de"300". Ejemplo " elemento. Html fw-luz Producción Cómo hacer que el peso de la fuente se encienda en Bootstrap 5? El "ligeroLa clase se utiliza para hacer que el texto sea más ligero de peso. Tiene un estilo CSS predefinido "pescado"Propiedad con el valor"encendedor". Ejemplo " elemento. Html FW Lighter Producción Cómo hacer que el estilo de fuente sea normal en Bootstrap 5? El "fstLa clase se utiliza para hacer el texto de estilo normal. Tiene un estilo predefinido de CSS "Estilo de fuente"Propiedad con el valor"normal". Ejemplo " elemento. Html fst Producción Cómo hacer que el estilo de fuente en la cursiva en Bootstrap 5? El "FST-italicLa clase se utiliza para hacer el texto en estilo cursiva. Tiene un estilo predefinido de "Estilo de fuente"Propiedad con el valor"itálico". Ejemplo "Elemento con la clase" FST-italic ". Html FST-italic Producción Eso se trataba de configurar Font-Weight usando clases de bootstrap. Conclusión Bootstrap 4 ofrece varias clases para establecer el peso de la fuente del elemento. Éstas incluyen, "pesca-peso","Font-peso-luz","pescado pesado", y "fuente-italica". En Bootstrap 5, el "FW normal","FW-Bold","fw-luz","FW-derrotante", Y se usan más. Este artículo ha explicado cómo establecer el peso de fuente usando clases de bootstrap.
Añade el "pescado pesado"Clase para el"
Añade el "fuente-italica"Clase para el"
Añade el "FW normal"Clase para el"
Agregue la clase "FW-Bold" al "
Agregue la clase "Font-Weight-Bolder" a la "
Agregue la clase "FW-Light" al "
Agregue "FW Lightighter" al HTML "
Asigne la clase "FST-Normal" a la "
Asignar el "