تایپوگرافی

راهنمای استفاده از فونت‌ها، اندازه‌ها و وزن‌های مختلف در طراحی رابط کاربری

فونت اصلی

Vazirmatn
فونت پیش‌فرض برای متون فارسی
وزیرمتن - Vazirmatn

فونت وزیرمتن یک فونت فارسی با کیفیت بالا است که برای استفاده در وب بهینه‌سازی شده است. این فونت شامل وزن‌های مختلف از 100 تا 900 می‌باشد.

ابجد هوز حطی (Light)ابجد هوز حطی (Regular)ابجد هوز حطی (Medium)ابجد هوز حطی (Bold)

اندازه‌های فونت

text-xs12pxمتن نمونه فارسی
text-sm14pxمتن نمونه فارسی
text-base16pxمتن نمونه فارسی
text-lg18pxمتن نمونه فارسی
text-xl20pxمتن نمونه فارسی
text-2xl24pxمتن نمونه فارسی
text-3xl30pxمتن نمونه فارسی
text-4xl36pxمتن نمونه فارسی

وزن‌های فونت

font-normal400وزن معمولی متن
font-medium500وزن متوسط متن
font-semibold600وزن نیمه‌ضخیم متن
font-bold700وزن ضخیم متن

سرتیترها

h1 - text-4xl font-bold

سرتیتر اول

h2 - text-3xl font-semibold

سرتیتر دوم

h3 - text-2xl font-semibold

سرتیتر سوم

h4 - text-xl font-medium

سرتیتر چهارم

ارتفاع خط

leading-tight (1.25)

فارسی یو آی یکی از بهترین مجموعه‌های کامپوننت برای ساخت رابط‌های کاربری واکنش‌گرا و زیبا است.

leading-normal (1.5)

این مجموعه شامل انواع کامپوننت‌های از پیش ساخته شده است که می‌توانید به راحتی از آن‌ها در پروژه‌های خود استفاده کنید.

leading-relaxed (1.625)

با استفاده از فارسی یو آی، می‌توانید به سرعت رابط‌های کاربری زیبا و حرفه‌ای ایجاد کنید که تجربه کاربری بی‌نظیری را ارائه می‌دهند.