Skip to content

Font Weight

Tetapkan berat fon

Sintaks

visual="font:[weight]"

Nilai

NilaiCSS OutputHuraian
normalfont-weight: var(--fw-normal)Berat normal
mediumfont-weight: var(--fw-medium)Berat sederhana
boldfont-weight: var(--fw-bold)Berat tebal

Contoh

html
<div visual="font:bold">Bold text</div>
<div visual="font:tw-semibold">Semibold text</div>

Pratonton

Berat Fon

visual="font:bold" - Kawal ketebalan teks

normalmediumbold
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span visual="font:normal">normal</span>
  <span visual="font:medium">medium</span>
  <span visual="font:bold">bold</span>
</div>

Nota

TIP

Sokongan Skala Tailwind

Gunakan awalan tw- untuk mengakses skala berat fon Tailwind: font:tw-thin (100), font:tw-semibold (600), font:tw-extrabold (800)

Rujukan