.fw-100
|
font-weight: 100;
|
.fw-200
|
font-weight: 200;
|
.fw-300
|
font-weight: 300;
|
.fw-400
|
font-weight: 400;
|
.fw-500
|
font-weight: 500;
|
.fw-600
|
font-weight: 600;
|
.fw-700
|
font-weight: 700;
|
.fw-800
|
font-weight: 800;
|
.fw-900
|
font-weight: 900;
|
.fw-bold
|
font-weight: bold;
|
.fw-bolder
|
font-weight: bolder;
|
.fw-lighter
|
font-weight: lighter;
|
.fw-inherit
|
font-weight: inherit;
|
.fw-initial
|
font-weight: initial;
|
Font weight berfungsi untuk mengatur ketebalan dari suatu teks, seperti tipis, tebal, dan sangat tebal. Dan yang di atas itu adalah daftar font weight yang BshadeUI sediakan.
Berikut ini dalah contoh penerapan dari font-weight di atas.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
<p class="fw-100">Lorem ipsum dolor sit amet.</p>
<p class="fw-200">Lorem ipsum dolor sit amet.</p>
<p class="fw-300">Lorem ipsum dolor sit amet.</p>
<p class="fw-400">Lorem ipsum dolor sit amet.</p>
<p class="fw-500">Lorem ipsum dolor sit amet.</p>
<p class="fw-600">Lorem ipsum dolor sit amet.</p>
<p class="fw-700">Lorem ipsum dolor sit amet.</p>
<p class="fw-800">Lorem ipsum dolor sit amet.</p>
<p class="fw-900">Lorem ipsum dolor sit amet.</p>
<p class="fw-bold">Lorem ipsum dolor sit amet.</p>
<p class="fw-bolder">Lorem ipsum dolor sit amet.</p>
<p class="fw-lighter">Lorem ipsum dolor sit amet.</p>
<p class="fw-inherit">Lorem ipsum dolor sit amet.</p>
<p class="fw-initial">Lorem ipsum dolor sit amet.</p>
Jika kamu tidak melihat perbedaan dari masing-masing font weight di atas, itu berarti font yang kamu gunakan tidak memiliki font weight yang sesuai. Cobalah ganti font!