🔹 1. کلاس‌های پیش‌فرض فونت

• font-sans → فونت Sans-serif

• font-serif → فونت Serif

• font-mono → فونت Monospace

مثال:

<p class="font-sans">این متن با Sans-serif است.</p>
<p class="font-serif">این متن با Serif است.</p>
<p class="font-mono">این متن با Monospace است.</p>

🔹 2. تغییر فونت در فایل تنظیمات (tailwind.config.js)

اگه بخوای فونت‌های اختصاصی اضافه کنی:

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      fontFamily: {
        vazir: ["Vazir", "sans-serif"],
        iranSans: ["IRANSans", "sans-serif"],
      },
    },
  },
}

استفاده:

<p class="font-vazir">این متن با فونت وزیر است.</p>
<p class="font-iranSans">این متن با ایران‌سنس است.</p>

🔹 3. استفاده از Google Fonts یا فونت‌های سفارشی

اول فونت رو توی پروژه اضافه می‌کنی (مثلاً در index.html یا CSS):

<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

بعد توی tailwind.config.js معرفی می‌کنی:

fontFamily: {
  roboto: ["Roboto", "sans-serif"],
}

استفاده:

<p class="font-roboto">این متن با Roboto است.</p>

✅ خلاصه:

• فونت‌های پیش‌فرض: font-sans, font-serif, font-mono

• فونت سفارشی: اضافه کردن در tailwind.config.js

• می‌تونی با Google Fonts یا فونت‌های محلی پروژه ترکیب کنی.