در CSS برای کنترل رندر شدن متن روی صفحه، از ویژگی‌های مخصوص مرورگر استفاده می‌کنیم مثل:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

این ویژگی‌ها کمک می‌کنن متن‌ها شفاف‌تر و صاف‌تر به نظر برسن (به‌خصوص روی صفحه‌های Retina یا LCD).

🔹 کلاس‌های آماده در Tailwind

Tailwind دو کلاس داره برای این موضوع:

🔸 مثال:

<p class="antialiased text-lg">
  این متن با Font Smoothing نرم‌تر نمایش داده میشه.
</p>

<p class="subpixel-antialiased text-lg">
  این متن با subpixel جزئیات بیشتری داره.
</p>

🔹 کِی استفاده کنیم؟

• 📱 روی صفحه‌های جدید (Retina/HiDPI) → بهتره از antialiased استفاده کنی چون متن‌ها صاف‌تر و خواناتر میشن.

• 💻 روی صفحه‌های قدیمی یا زمانی که متن خیلی ریز هست → گاهی subpixel-antialiased بهتر جواب میده.

✅ خلاصه:

• antialiased → متن نرم و صاف.

• subpixel-antialiased → متن دقیق‌تر با جزئیات بیشتر.