Font Weight

در CSS معمولی از ویژگی font-weight استفاده می‌کنیم:

font-weight: normal; font-weight: bold; font-weight: 700;

اما در Tailwind CSS همه‌ی مقادیر وزن فونت به‌صورت کلاس آماده هستند.

🔹 کلاس‌های Font Weight در Tailwind

کلاسمقدار CSSتوضیح
font-thin100خیلی نازک
font-extralight200فوق‌العاده نازک
font-light300نازک
font-normal400عادی (پیش‌فرض)
font-medium500متوسط
font-semibold600نیمه‌بولد
font-bold700بولد (پررنگ)
font-extrabold800خیلی پررنگ
font-black900فوق‌العاده پررنگ

🔸 مثال‌ها

<p class="font-thin">این متن خیلی نازک است</p> <p class="font-light">این متن نازک است</p> <p class="font-normal">این متن عادی است</p> <p class="font-medium">این متن کمی پررنگ‌تر است</p> <p class="font-bold">این متن بولد است</p> <p class="font-black">این متن خیلی پررنگ است</p>

🔹 کاربرد

  • برای عنوان‌ها معمولاً از font-bold یا font-extrabold استفاده می‌کنیم.

  • برای متن‌های معمولی از font-normal یا font-light.

  • برای توضیحات کم‌اهمیت یا متن‌های ظریف می‌توان از font-thin استفاده کرد.

✅ خلاصه:
Tailwind همه وزن‌های فونت رو به‌صورت کلاس آماده داره از font-thin (100) تا font-black (900).