تایپوگرافی فارسی برای وب و شبکههای اجتماعی؛ از انتخاب فونت تا خوانایی

تایپوگرافی فارسی برای وب و شبکههای اجتماعی: انتخاب فونت، سلسلهمراتب تایپوگرافیک، چهار عدد طلایی خوانایی متن فارسی و چکلیست نهایی — راهنمای عملی برای تولیدکنندگان محتوا.
چرا تایپوگرافی فارسی قواعد خودش را دارد
فونت فارسی «لاتینِ آینهای» نیست؛ سه تفاوت ساختاری همهٔ قواعد را عوض میکند: حروف به هم میچسبند و فاصلهٔ بینحروف معنای متفاوتی دارد، ارتفاع حروف در یک کلمه نوسان بیشتری دارد، و کشیدگی بخشی از رسمالخط است نه زیادهگویی. به همین دلیل کپیکردن کورکورانهٔ اندازهها و فاصلههای لاتین، خوانایی متن فارسی را پایین میآورد. تایپوگرافی فارسی مجموعهای از قواعد آزموده دارد و رعایت همین چند قاعده، مرز «حرفهای» و «خام» را جابهجا میکند.
انتخاب فونت: رایگان، امن و حرفهای
- وزیرمتن: استاندارد رایج وب فارسی؛ رایگان، متنوع در وزنها (از نازک تا سیاه) و بهروز — نقطهٔ شروع مطمئن هر پروژه.
- خانوادههای فونت ایرانی شناختهشدهٔ دیگر، رایگان و تجاری، گزینههای پربکیفیتاند؛ پیش از استفاده مجوز را بخوانید، مخصوصاً برای استفادهٔ تجاری.
- قاعدهٔ حداکثر دو فونت: یک فونت برای تیتر با وزن سنگین و همان فونت برای متن با وزن معمولی؛ ترکیب سادهتر همیشه تمیزتر است.
- فونتی انتخاب کنید که اعداد فارسی و حروف لاتینِ داخل متن را همخانواده داشته باشد؛ ناهماهنگی همینجا لو میرود.
سلسلهمراتب تایپوگرافیک با مقیاس ساده
سلسلهمراتب یعنی چشم مخاطب در نگاه اول بداند چه چیزی مهمتر است. مقیاس ضربدر حدود ۱٫۲۵:
- تیتر اصلی: حدود ۳۰ تا ۴۰ پیکسل (در موبایل ۲۴ تا ۲۸)
- تیتر بخش: حدود ۲۲ تا ۲۵ پیکسل
- متن بدن: ۱۶ تا ۱۸ پیکسل؛ کمتر از ۱۶ پیکسل روی موبایل ظلم به خواننده است
- توضیح و کپشن: ۱۳ تا ۱۴ پیکسل با رنگ کمتراکمتر
در پست شبکههای اجتماعی همین مقیاس را حدوداً دو برابر کنید؛ پست مربعی ۱۰۸۰ پیکسلی یعنی تیتر نزدیک ۸۰ تا ۱۰۰ پیکسل — عددی که غیرطراحان معمولاً کم میگیرند.
خوانایی متن فارسی: چهار عدد طلایی
- طول سطر: حداکثر حدود ۷۰ تا ۹۰ کاراکتر (تقریباً ۸ تا ۱۲ کلمه)؛ سطرهای بلند، چشم را در بازگشت به ابتدای سطر گم میکنند.
- ارتفاع خط: حدود ۱٫۷ تا ۲ برابر اندازهٔ فونت برای متن فارسی — کمی بیشتر از توصیهٔ رایج لاتین، بهخاطر نوسان ارتفاع حروف.
- فاصلهٔ پاراگراف: برابر یا کمی بیشتر از ارتفاع خط؛ پاراگرافهای چسبیده، دیوار متنی میسازند.
- تراز راست و فاصلهگذاری طبیعی: متن فارسی راستچین است؛ تراز دوطرفهٔ مصنوعی در موبایل حروف را میپاشد.
نیمفاصله، اعداد فارسی و علائم
سه جزئیاتی که خروجی «ترجمهای» را از محتوای حرفهای جدا میکند:
- نیمفاصله در میگیرم، نمیدانم، بینهایت، بهروزرسانی، وبسایت و کسبوکار؛ افزونهها و ویرایشگرهای خودکار کمک میکنند اما بازبینی چشمی هنوز لازم است.
- اعداد فارسی (۰۱۲۳۴۵۶۷۸۹) در متن فارسی؛ اعداد لاتین فقط وقتی بخشی از نام برند یا کد فنی است.
- علائم فارسی: ویرگول فارسی (،)، گیومهٔ فارسی («») برای نقلقول و علامت پرسش فارسی (؟) — علامتهای لاتین وسط جملهٔ فارسی، درد چشم و نشانهٔ بیدقتیاند.
تایپوگرافی در شبکههای اجتماعی + چکلیست
در پست و استوری، متن باید در ثانیهٔ اول خوانده شود:
- تیتر حداکثر پنج تا هشت کلمه با یک پیام واحد؛ دو پیام یعنی هیچ پیام.
- متن روی تصویر با لایهٔ تیره یا روشن پشت خود؛ کنتراست را مثل وب جدی بگیرید — اصول ترکیب رنگ برای محتوای دیجیتال مکمل همین مقاله است.
- از فونتهای تزئینی برای متن اصلی بپرهیزید؛ تزئینی فقط برای یک کلمهٔ تأکیدی.
چکلیست پیش از انتشار: حداکثر دو فونت؟ متن بدن حداقل ۱۶ پیکسل وب یا ۴۰ پیکسل پست؟ ارتفاع خط حدود ۱٫۸؟ سطرها زیر ۱۲ کلمه؟ نیمفاصلهها و اعداد فارسی درستاند؟ پنج «بله» یعنی تایپوگرافی شما در سطح تحریریههای حرفهای است. برای قواعد کلیتر طراحی، اصول طراحی برای غیرطراحان را هم بخوانید.
ادامهٔ مسیر یادگیری
این مقالات مرتبط، تصویر کاملتری به شما میدهند:
آموزش فیگما از صفر؛ هر چیزی که برای شروع طراحی لازم دارید تفاوت UI و UX؛ دو دنیای متفاوت که یک محصول را میسازند روندهای طراحی ۲۰۲۶؛ چه چیزی میماند و چه چیزی میرود؟ نوشتن کیساستادی پورتفولیو؛ طراحیهایی که استخدام میکنند ترکیببندی تصویر برای شبکههای اجتماعی؛ قابهایی که میایستند
این مطلب برایتان مفید بود؟
با پسندیدن، به ما کمک میکنید مطالب بهتری منتشر کنیم.



