تایپوگرافی
راهنمای استفاده از فونتها، اندازهها و وزنهای مختلف در طراحی رابط کاربری
فونت اصلی
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)با استفاده از فارسی یو آی، میتوانید به سرعت رابطهای کاربری زیبا و حرفهای ایجاد کنید که تجربه کاربری بینظیری را ارائه میدهند.