تایپوگرافی فارسی و وب
تایپوگرافی فارسیِ زیبا و خوانا در وب یک چالش ویژه است: حروف بالارونده، کشیده‌ها و نویسه‌هایی که تنها در فارسی پیدا می‌شوند (پ، چ، ژ، گ). فونت خوب همهٔ این‌ها را با فاصله‌گذاری یکدست رسم می‌کند — و زیبایی طراحی وب فارسی دقیقاً همین‌جاست.
بهترین فونت‌های وب فارسی
• وزیرمتن — استاندارد وب فارسی: فرم‌های باز و کارایی عالی روی نمایشگر. • ساحل — روشن و صمیمی؛ برای پنل‌های خواندن و وبلاگ‌ها. • شبنم — سبک و مدرن با کنتراست حساب‌شده. • استعداد — فونت متغیر: یک فایل، همهٔ وزن‌ها. • سامیم و تنها — جفت کامل متن و تیتر. • پرستو — نسخهٔ مدرن و شکیل از تایپ کتابی.
همه از فضای ذخیرهٔ ما رایگان دانلود می‌شوند — مجوز هر فونت از خود فایلش خوانده شده و روی صفحه‌اش درج است.
راه‌اندازی @font-face
در فایل فشرده، TTF و woff آماده موجود است:
1. فایل woff را روی سرور آپلود کنید. 2. با مولد @font-face کد CSS بسازید — نام فونت را بنویسید و کد آماده را کپی کنید. 3. font-display: swap را نگه دارید تا متن پیش از بارگذاری فونت پنهان نماند.
اصول کارایی
• حجم فایل : فقط وزن‌های لازم را بارگذاری کنید (معمولاً 400 و 700)؛ فونت‌های متغیر همه‌چیز را در یک فایل می‌گنجانند — استعداد در این زمینه بهترین است. • پوشش حروف : با آزمون پوشش زبان‌ها مطمئن شوید فونت همهٔ حروف فارسی — به‌ویژه «ی» و «ک» فارسی — را رسم می‌کند. • فال‌بک : font-family: 'Vazirmatn', Tahoma, sans-serif .
نکته‌های طراحی
ارتفاع خط را برای فارسی 1.8 تا 2 بگیرید — حروف بالارونده به فضای نفس نیاز دارند. برای تیترها وزن سنگین و برای متن وزن معمولی. در کتابخانهٔ فونت‌های فارسی صدها شاهکار گرد آمده است.
بیشتر بخوانید
• بهترین نستعلیق‌های اردو • راهنمای سبک‌های خوشنویسی عربی • فونت‌های سندی، پشتو و پنجابی • نصب فونت در همه سامانه‌ها
پرسش‌های پرتکرار
فونت فارسی برای وب‌سایت اردو مناسب است؟ تا حدی — ممکن است حروف ویژهٔ اردو مثل ٹ، ڈ، ڑ را نداشته باشد. فونتی با پوشش کامل انتخاب کنید؛ آزمون پوشش در چند ثانیه موضوع را روشن می‌کند.
فونت متغیر چیست؟ یک فایل با کل دامنهٔ وزن از نازک تا ضخیم — بیشترین انعطاف برای طراحی.