پرش به محتوا
آموزش و مهارتراهنما

ترکیب فونت فارسی؛ راهنمای جفت‌کردن فونت تیتر و متن

تتحریریه امروزینو۱ آبان ۱۴۰۵۵ دقیقه مطالعه۰ بازدید
نمونهٔ نمایش دو فونت فارسی برای تیتر و متن کنار هم

یک فونت انتخاب کردن سخت است؛ دو فونت جفت‌کردن سخت‌تر. چهار قاعدهٔ ترکیب، سه ترکیب امتحان‌شده با فونت‌های رایگان (وزیرمتن، استعداد، شبنم و صمیم)، جفت‌کردن با فونت لاتین و تست نهایی قبل از انتشار.

یک فونت انتخاب کردن سخت است؛ دو فونت را کنار هم گذاشتن، جایی است که حتی مطمئن‌ترین غیرطراحان هم لنگ می‌زنند. ترکیب درست، حس «تحریریه‌ای» به محتوا می‌دهد؛ ترکیب اشتباه، حس کارت‌ویزیتِ فتوساپی. این راهنما برای کسی است که فونتش را انتخاب کرده (اگر نه، از تایپوگرافی فارسی برای وب و شبکه‌های اجتماعی شروع کنید) و حالا می‌خواهد بداند: چطور دو فونت فارسی را جفت کنیم که هم تضاد داشته باشند و هم دعوا نکنند؟

چرا ترکیب فونت فارسی از لاتین سخت‌تر است؟

  • استخر کوچک‌تر: تعداد خانواده‌های فارسیِ باکیفیت با وزن‌های کامل، به‌مراتب کمتر از لاتین است؛ به همین دلیل «ترکیبِ تازه» کمتر پیدا می‌شود و احتمال تکراری‌شدن بیشتر است.
  • وزن‌های ناقص: خیلی از فونت‌های فارسی فقط دو سه وزن دارند؛ وقتی وزن سنگینِ درست وجود نداشته باشد، تیتر و متن به هم می‌چسبند.
  • اختلاف ارتفاع و ساختار: ارتفاع حروف (x-height معادل فارسی)، نسبت دندانه‌ها و شکل «ی» و «ک» بین دو خانوادهٔ فارسی می‌تواند به‌شدت متفاوت باشد؛ دو فونتی که جداگانه قشنگ‌اند، کنار هم ناهماهنگ می‌شوند.
  • اعداد و لاتینِ داخل متن: هر متن فارسی امروزی، عدد و واژهٔ انگلیسی هم دارد؛ اگر فونت دوم اعداد و حروف لاتین هم‌خانواده نداشته باشد، صفحه از همان‌جا «دوگانه» می‌شود.

چهار قاعدهٔ ترکیب که تقریباً همیشه جواب می‌دهد

  • کنتراست واقعی، نه شباهتِ نصفه: دو فونتِ شبیه به هم که «کمی» فرق دارند، بدترین حالت‌اند؛ بیننده اختلاف را حس می‌کند اما منظور را نمی‌فهمد. یا خیلی شبیه (از یک خانواده) یا واقعاً متفاوت (هندسی در برابر نرم) — نه وسطِ مانده. این قاعده، خواهرِ اصل کنتراست در اصول طراحی برای غیرطراحان است.
  • حداکثر دو خانواده: تیتر از یک خانواده، متن از یک خانواده، تمام. برای تأکید، از وزن و اندازه استفاده کنید نه فونت سوم.
  • اختلاف وزن باید محسوس باشد: تیترِ Boldِ فونت اول روی متنِ Regularِ فونت دوم، وقتی کار می‌کند که تفاوتشان با چشم دیده شود؛ در عمل یعنی تیتر به‌ترتیب دو پله سنگین‌تر از متن.
  • سنجش با متنِ واقعی: ترکیب را با «متنِ قلابی» نسازید؛ تیتر واقعیِ بلند و پاراگراف واقعیِ شما، داورِ درست است. تیترهای دو سه کلمه‌ای همهٔ فونت‌ها را قشنگ نشان می‌دهند.

سه ترکیب امتحان‌شده و یک ترکیب بین‌المللی

همهٔ فونت‌های این فهرست رایگان و قابل استفاده در وب‌اند؛ قبل از استفادهٔ تجاری، صفحهٔ گیت‌هاب یا سایت فونت را برای مجوز چک کنید:

  • ترکیب ۱ — یک‌خانواده (ایمن‌ترین): وزیرمتن با وزن Black برای تیتر و Regular برای متن. چون هر دو از یک خانواده‌اند، ناهماهنگی امکان‌پذیر نیست؛ تضاد با وزن و اندازه ساخته می‌شود. اگر شک دارید، همین را انتخاب کنید — نود درصد محتواهای حرفه‌ای فارسی وب همین‌اند.
  • ترکیب ۲ — تیترِ کاراکتردار: استعداد برای تیتر (وزن سنگین) + وزیرمتن برای متن. استعداد ساختار هندسی‌تر و ضخیم‌تر دارد و در اندازهٔ درشت، شخصیت می‌سازد؛ وزیرمتن خنثی و خوانا، بستر متن را نگه می‌دارد.
  • ترکیب ۳ — حس گرم و نشریه‌ای: شبنم برای تیتر + صمیم برای متن؛ هر دو از خانوادهٔ فونت‌های آزاد فارسی‌اند و کنار هم، حس دوستانه و «مجلّه‌ای» می‌دهند. این ترکیب را حتماً روی متن واقعی خودتان تست کنید؛ گرمای زیاد برای محتوای جدی مناسب نیست.
  • ترکیب ۴ — جفت‌شدن با لاتین: برای اعداد و واژه‌های انگلیسیِ داخل متن، یک فونت لاتینِ هم‌قدِ فونت فارسی‌تان انتخاب کنید (مثل Inter یا IBM Plex Sans در کنار وزیرمتن). قاعده: ارتفاع حروف لاتین نباید از حروف فارسی بلندتر جلوه کند و وزنشان هم‌تراز باشد.

ترکیب فونت، در نهایت یک قطعه از پازل بزرگ‌تر است: برای اینکه فونت با رنگ، لوگو و بقیهٔ اجزای بصری هماهنگ بماند، هویت بصری برند چیست و چطور ساخته می‌شود را بخوانید؛ و اگر برندتان لوگوتایپ (لوگوی متنی) دارد، انتخاب فونت تیتر عملاً با تفاوت لوگو و لوگوتایپ گره خورده است.

تست نهایی قبل از انتشار

  • هر دو وزن واقعاً رندر می‌شود؟ مخصوصاً در وب که فایل وزنِ سنگین جدا بارگذاری می‌شود؛ تیتری که به فونت جایگزین برگردد، کل ترکیب را می‌شکند.
  • آزمون عدد و نیم‌فاصله: جمله‌ای با عدد (۱۴۰۴ و ۲۰۲۵) و واژه‌های نیم‌فاصله‌دار (می‌شود، شبکه‌های) را با هر دو فونت بنویسید؛ هرج‌ومرج اعداد و لاتین، معروف‌ترین نشتِ ترکیب‌های فارسی است.
  • خوانایی متن در ۱۶ پیکسل: فونت تیتر می‌تواند عجیب باشد چون درشت است؛ فونت متن در اندازهٔ واقعی خواننده‌اش باید «نامرئی» باشد. اگر متن اصلی خسته‌کننده شد، مقصر ترکیب است نه چشم مخاطب.
  • آزمون پشت‌سرهم: پنج تیتر و پنج پاراگراف پشت‌سرهم بچینید؛ ترکیبی که روی یک تیتر جذاب است، روی پنج تیترِ پشت‌سرهم ممکن است اذیت‌کننده شود.

نکات فنی برای وب

  • فرمت woff2 و font-display: swap: فایل‌های woff2 سبک‌ترین گزینه‌اند و با font-display: swap، متن حین بارگذاری فونت مخفی نمی‌شود.
  • فونت متغیر (Variable Font): فونت‌هایی مثل وزیرمتن و استعداد نسخهٔ متغیر دارند؛ یک فایل به‌جای پنج وزن — برای سرعت صفحه تفاوت محسوس است.
  • زیرمجموعه (Subset): فقط نویسه‌های لازم فارسی و لاتین را در فایل نگه دارید؛ حجم فونت فارسی با این کار به‌طور محسوس پایین می‌آید.

سؤالات پرتکرار

می‌توانم از سه فونت استفاده کنم؟

در محتوای مجله‌ای، تقریباً هرگز لازم نیست. اگر واقعاً عنصر سومی دارید (مثل فونت اعداد یا کدها)، آن را «کارکردی» نگه دارید نه تزئینی؛ یعنی یک نقش مشخص داشته باشد و در همهٔ صفحات همان نقش باشد. قانون تجربی: هر فونت بعد از دومین، ریسک را بیشتر از ارزشش اضافه می‌کند.

فونت‌های تجاری مثل ایران‌سنس یا دانا چطور؟

کیفیت‌شان عالی است اما لایسنس دارند و استفادهٔ بدون خرید — مخصوصاً تجاری — مشکل‌ساز می‌شود. پیش از هر استفاده، شرایط مجوز را از منبع رسمی بخوانید؛ برای شروع، فونت‌های آزاد این راهنما عملاً هر نتیجه‌ای که می‌خواهید می‌دهند و بعداً می‌توانید به فونت تجاری مهاجرت کنید.

برای یوتیوب و پرینت هم همین ترکیب‌ها جواب می‌دهد؟

بله، با یک تنظیم: در تصویر و چاپ، تیتر می‌تواند جسورتر باشد (چون کنترل کامل روی اندازه دارید) و فونت متن باید برای خروجی چاپی وزن سنگین‌تری داشته باشد چون جوهر، ضخامت خطوط را کمی پر می‌کند. برای متن روی تصویر متحرک، از وزن‌های خیلی نازک پرهیز کنید؛ در فشرده‌سازی ویدیو اول محو می‌شوند.

پیشنهاد برای ادامهٔ مطالعه

مطالب زیر هم به همین موضوع نزدیک‌اند و خواندنشان ارزش دارد:

آموزش فیگما از صفر؛ هر چیزی که برای شروع طراحی لازم دارید تفاوت UI و UX؛ دو دنیای متفاوت که یک محصول را می‌سازند روندهای طراحی ۲۰۲۶؛ چه چیزی می‌ماند و چه چیزی می‌رود؟ نوشتن کیس‌استادی پورتفولیو؛ طراحی‌هایی که استخدام می‌کنند ترکیب‌بندی تصویر برای شبکه‌های اجتماعی؛ قاب‌هایی که می‌ایستند

آخرین بازبینی تحریریه: ۱ آبان ۱۴۰۵

این مطلب برایتان مفید بود؟

با پسندیدن، به ما کمک می‌کنید مطالب بهتری منتشر کنیم.

مطالب مرتبط

دو طرف میز مذاکره با برگهٔ پیشنهاد شغلی و ماشین‌حساب روی میز؛ نماد مذاکره حقوق و پیشنهاد شغلی
آموزش و مهارت

مذاکره حقوق در مصاحبه و پیشنهاد شغلی؛ بدون ریسک‌کردن فرصت

بیشتر ما اولین عددی که می‌شنویم را می‌پذیریم — و همان تفاوتِ سالانه را هر سال از دست می‌دهیم. این راهنمای مذاکره حقوق برای بازار ایران و دورکاری است: تحقیقِ عدد درست، زمان‌بندیِ اعلامش در مصاحبه، جمله‌های آماده و واکنش درست به پیشنهادِ کم.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
فلش‌کارت‌ها و تقویم مرور فاصله‌دار با فواصل ۱، ۳، ۷، ۱۴ و ۳۰ روز
آموزش و مهارت

راه‌اندازی سیستم مرور فاصله‌دار؛ از ساخت فلش‌کارت تا کار با Anki

نظریه را بلدید اما سیستم ندارید؟ راهنمای عملی راه‌اندازی مرور فاصله‌دار: چه چیزی ارزش فلش‌کارت‌شدن دارد، شش قاعدهٔ کارت خوب، جدول ۱-۳-۷-۱۴-۳۰ و روتین نگهداری روزی ۱۵ دقیقه.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
مقایسهٔ دو حالت مطالعه؛ تماشای منفعل ویدیو در برابر یادداشت‌برداری فعال
آموزش و مهارت

یادگیری فعال و منفعل؛ تفاوت واقعی و راه تبدیل مطالعهٔ منفعل به فعال

چرا سه ساعت تماشای ویدیو هیچ مهارتی نمی‌سازد؟ تفاوت واقعی یادگیری فعال و منفعل، توهم روانی‌بودن، پنج تکنیک عملی تبدیل و نسبت طلایی ۳۰ به ۷۰ در روتین هفتگی.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
طرح اولیهٔ یک پروژه روی میز کار؛ ساختن به‌جای فقط تماشای دوره
آموزش و مهارت

یادگیری با پروژه؛ از جمع‌کردن دوره‌ها تا ساختن مهارت واقعی

چرا دوره‌دیدن به‌تنهایی مهارت نمی‌سازد و چطور یادگیری را دور یک پروژهٔ واقعی بچینیم؟ نردبان انتخاب پروژه، چرخهٔ ساخت و یادگیری ۷۰/۳۰، دو مثال واقعی و مسیر رسیدن به نمونه‌کار.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۶ دقیقه