font-weight
: peso ou espessura da fonte.
Texto com fonte leve
Texto com fonte normal
Texto com fonte em negrito
<div class="fs20"> <p class="fw_light">Texto com fonte leve</p> <p class="fw_normal">Texto com fonte normal</p> <p class="fw_bold">Texto com fonte em negrito</p> </div>
Se estiver usando fonts como system-ui
pode se beneficiar usando uma variedade maior para espessuas com as classe fw
e o número da espessura:
Texto com fonte 300
Texto com fonte 400
Texto com fonte 500
Texto com fonte 600
Texto com fonte 700
Texto com fonte 800
<div class="ws-box-example fs20"> <p class="fw300">Texto com fonte 300</p> <p class="fw400">Texto com fonte 400</p> <p class="fw500">Texto com fonte 500</p> <p class="fw600">Texto com fonte 600</p> <p class="fw700">Texto com fonte 700</p> <p class="fw800">Texto com fonte 800</p> </div>
.fw_light { font-weight: lighter !important } .fw_normal { font-weight: normal !important } .fw_bold { font-weight: bold !important } .fw300 { font-weight: 300 !important } .fw400 { font-weight: 400 !important } .fw500 { font-weight: 500 !important } .fw600 { font-weight: 600 !important } .fw700 { font-weight: 700 !important } .fw800 { font-weight: 800 !important }