Font Variant Numeric

این ویژگی برای استایل‌دهی به اعداد و کاراکترهای عددی استفاده می‌شه. در تایپوگرافی، اعداد می‌تونن حالت‌های مختلفی داشته باشن (مثلاً اعداد قدیمی، اعداد جدولی، کسری‌ها و …).

Tailwind این حالت‌ها رو با کلاس‌های آماده فراهم کرده.

🔹 کلاس‌های Font Variant Numeric

کلاس	توضیح
`normal-nums`	حالت پیش‌فرض اعداد
`ordinal`	نمایش عدد ترتیبی (مثل 1st, 2nd)
`slashed-zero`	صفر رو با خط مورب نشون می‌ده (۰̸)
`lining-nums`	همه اعداد در یک خط پایه (مثل ماشین‌حساب)
`oldstyle-nums`	اعداد قدیمی با ارتفاع متفاوت (مثل فونت‌های کلاسیک)
`proportional-nums`	اعداد با عرض متناسب (مثل متن معمولی)
`tabular-nums`	همه اعداد با عرض یکسان (مناسب جدول‌ها)
`diagonal-fractions`	نمایش کسری به صورت مورب (مثل 1/2 → ½)
`stacked-fractions`	نمایش کسری به صورت ستونی (مثل 1/2 → ⅟2)

🔸 مثال‌ها


<div class="space-y-2 text-2xl">
  <p class="normal-nums">1234567890 (Normal)</p>
  <p class="slashed-zero">100200 (Slashed Zero)</p>
  <p class="lining-nums">1234567890 (Lining Numbers)</p>
  <p class="oldstyle-nums">1234567890 (Oldstyle Numbers)</p>
  <p class="proportional-nums">2019 2020 (Proportional)</p>
  <p class="tabular-nums">2019 2020 (Tabular)</p>
  <p class="diagonal-fractions">1/2 3/4 5/6 (Diagonal Fractions)</p>
  <p class="stacked-fractions">1/2 3/4 5/6 (Stacked Fractions)</p>
</div>

🔹 کاربردهای مهم

tabular-nums → بهترین گزینه برای جدول‌ها، قیمت‌ها و زمان (چون همه اعداد هم‌عرض می‌شن).
oldstyle-nums → مناسب متن‌های طولانی برای ظاهر کلاسیک‌تر.
slashed-zero → جلوگیری از اشتباه گرفتن 0 و O.
fractions → برای نمایش ریاضی یا مقالات علمی.

✅ خلاصه:
با Font Variant Numeric در Tailwind می‌تونی کنترل کامل روی نحوه نمایش اعداد داشته باشی.