فونت پیش‌فرض

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

Font Playground

فونت یکان بخ یک فونت متغیر (Variable Font) است که امکانات زیر را ارائه می‌دهد:

ویژگی‌های فونت یکان بخ

فونت یکان بخ دارای محورهای متغیر (Variable Axes) و ویژگی‌های OpenType متعددی است:

محورهای متغیر

• Weight (وزن): از ۱۰۰ (نازک) تا ۹۵۰ (خیلی ضخیم) - کنترل ضخامت خطوط
• Dots Style (سبک نقطه‌ها): حالت چسبیده (۰) یا جدا (۱) - کنترل نقاط دو‌تایی مثل ی و پ

امکانات اضافی OpenType

علاوه بر محورهای متغیر، فونت یکان بخ شامل ویژگی‌های OpenType زیر است:

• اعداد فارسی (ss01): ⚠️ مهم: برای فارسی کردن اعداد از font-feature-settings: "ss01" 1 استفاده کنید - نه تبدیل دستی!
• اعداد متنی و همعرض: برای جداول و نمایش اعداد مناسب
• تراز عمودی اعداد: برای هماهنگی بصری بهتر
• فاصله‌گذاری (Kerning): فاصله‌گذاری هوشمند بین حروف
• حروف خاص ارز: نمادهای تومان و ریال
• Stylistic Sets: حالت‌های مختلف برای برخی حروف مثل کاف و ی

/* ✅ درست - استفاده از امکانات فونت */
body {
  font-feature-settings: "ss01" 1;
}

/* ❌ غلط - تبدیل دستی با کد جاوااسکریپت */
text.replace(/\d/g, (d) => '۰۱۲۳۴۵۶۷۸۹'[d])

/* استفاده از محورهای متغیر */
font-variation-settings: "wght" 400, "DOTS" 0;

/* استفاده از ویژگی‌های OpenType */
font-feature-settings: "kern" 1, "liga" 1, "ss01" 1;

سلسله‌مراتب متنی

عنوان‌ها

متن بدنه

وزن فونت

کلاس‌های Tailwind

// عنوان‌ها
<h1 className="text-4xl font-bold">عنوان اصلی</h1>
<h2 className="text-3xl font-semibold">عنوان فرعی</h2>

// متن بدنه
<p className="text-base font-normal">متن معمولی</p>
<p className="text-sm text-muted-foreground">متن توضیحی</p>

راهنمای استفاده

• از عنوان‌های سلسله‌مراتبی برای ساختاردهی محتوا استفاده کنید
• وزن فونت مناسب برای اهمیت محتوا انتخاب کنید
• از text-muted-foreground برای متن‌های کم‌اهمیت استفاده کنید
• خوانایی در اندازه‌های مختلف صفحه را تست کنید