Defina o peso da fonte usando as classes de bootstrap
Este artigo descreverá o seguinte:
- Ajustando o peso da fonte usando o bootstrap 4 classes
- Ajustando o peso da fonte usando o bootstrap 5 classes
Ajustando o peso da fonte usando o bootstrap 4 classes
No bootstrap 4, o peso da fonte dos elementos é ajustado usando várias classes. Para demonstração prática, passe pelas seções abaixo.
Como tornar o peso da fonte normal no bootstrap 4?
O "Normal do peso-fonte”A classe é utilizada para fazer o texto normal. Esta classe tem um CSS predefinido “espessura da fonte”Propriedade com o valor“400”.
Exemplo
Adicione um “”Elemento com algum texto e atribui o“Normal do peso-fonte" aula.
Html
Normal do peso-fonte
Saída
Como fazer luz da fonte leve no bootstrap 4?
O "LIGHTA DE MOLE-PEDER”A classe torna o texto fino. Tem um CSS predefinido “espessura da fonte”Propriedade com o valor“300”.
Exemplo
No exemplo em andamento, adicione a classe "Light-Light-Light" à "
" elemento:
Html
LIGHTA DE MOLE-PEDER
Saída
Como fazer com que o peso da fonte ousada no bootstrap 4?
O "intensidade da fonte: Negrito”A classe é utilizada para fazer texto ousado. Possui uma propriedade CSS predefinida "peso-fonte" com o valor "700”.
Exemplo Html intensidade da fonte: Negrito Saída Como fazer a fonte itálica no bootstrap 4? O "Fonte-italic”A classe é utilizada para fazer a fonte em estilo itálico. Tem um CSS predefinido “estilo de fonte”Propriedade com o valor“itálico”. Exemplo " marcação: Html Fonte-italic Saída Ajustando o peso da fonte usando o bootstrap 5 classes Usando o bootstrap 5, as seguintes classes são utilizadas para ajustar o peso da fonte de vários elementos. Como tornar o peso da fonte normal no bootstrap 5? O "FW-Normal”A classe é utilizada para fazer o estilo normal da fonte do texto. Possui uma propriedade CSS predefinida "peso-fonte" com o valor "400”. Exemplo " elemento: Html FW-Normal Saída Como fazer com que o peso da fonte ousada no bootstrap 5? O "intensidade da fonte: Negrito”A classe é utilizada para tornar o texto ousado. Tem um CSS predefinido “espessura da fonte”Classe com o valor“700”. Exemplo " marcação. Html FW-BOLD Saída Como fazer com que o peso da fonte mais ousado no bootstrap 5? O "FW-Boldder”A classe é utilizada para tornar o texto mais ousado. Tem um CSS predefinido “espessura da fonte"Com o valor"mais ousado”. Exemplo " elemento. Html FW-Boldder Saída Como fazer luz da fonte leve no bootstrap 5? O "LIGHTA DE MOLE-PEDER”A classe é utilizada para tornar o texto leve. Tem um estilo predefinido de “espessura da fonte"Tendo um valor de"300”. Exemplo " elemento. Html FW-Light Saída Como tornar o peso da fonte mais leve no bootstrap 5? O "Limite do peso-fonte”A classe é utilizada para tornar o texto mais leve. Tem um estilo CSS predefinido “espessura da fonte”Propriedade com o valor“isqueiro”. Exemplo " elemento. Html FW-LIPTER Saída Como tornar o estilo da fonte normal no bootstrap 5? O "fst-normal”A classe é utilizada para fazer o texto de estilo normal. Tem um estilo predefinido de CSS “estilo de fonte”Propriedade com o valor“normal”. Exemplo " elemento. Html fst-normal Saída Como fazer o estilo de fonte itálico no bootstrap 5? O "fst-italic”A classe é utilizada para fazer o texto em estilo itálico. Tem um estilo predefinido de “estilo de fonte”Propriedade com o valor“itálico”. Exemplo ”Elemento com a classe“ fst-italic ”. Html fst-italic Saída Isso se tratava de definir o peso da fonte usando as classes de bootstrap. Conclusão Bootstrap 4 oferece várias classes para definir o peso da fonte do elemento. Esses incluem, "Normal do peso-fonte","LIGHTA DE MOLE-PEDER","intensidade da fonte: Negrito", e "Fonte-italic”. No bootstrap 5, o ““FW-Normal","FW-BOLD","FW-Light","FW-Boldder”, E mais são usados. Este artigo explicou como definir o peso da fonte usando as classes de bootstrap.
Adicione o "intensidade da fonte: Negrito”Classe para a“
Adicione o "Fonte-italic”Classe para a“
Adicione o "FW-Normal”Classe para a“
Adicione a classe "FW-Bold" à "
Adicione a classe "Boldador de peso-fonte" à "
Adicione a classe "FW-Light" à "
Adicione "FW-lighter" ao html "
Atribua a classe "FST-Normal" à "
Atribua o “