جفت کردن فونت: یک راهنمای عملی برای طراحانی که از حدس زدن متنفرند
یک چارچوب تصمیمگیری برای جفت کردن فونتهایی که واقعاً کار میکنند، به علاوه ۱۲ ترکیب آزمایششده و قوانینی که باعث میشوند آنها در یک سیستم طراحی واقعی دوام بیاورند.
بیشتر توصیههای مربوط به جفتسازی فونت، توصیههایی در مورد مودبورد هستند که با یک کت بارانی پوشیده شدهاند. "کنتراست و مکمل را جفت کنید." "یک فونت سریف را با یک فونت بدون فونت ترکیب کنید." عالیه. حالا Figma را باز کنید و دو فونت واقعی را انتخاب کنید که برای سه سال آینده در یک برند، یک وبسایت، یک اپلیکیشن و یک ارائه ثابت باقی بمانند. حس و حال از بین رفته است. تصمیم هنوز پابرجاست.
این راهنما، حس و حال را با یک چارچوب جایگزین میکند. پنج قانون که تصمیم میگیرند آیا یک جفتسازی دوام میآورد یا خیر، دوازده ترکیبی که قبلاً در تولید آزمایش شدهاند، و حالتهای خرابی که اکثر جفتسازیها را قبل از راهاندازی از بین میبرند. جدول را در انتها ذخیره کنید. از آن در پروژه بعدی استفاده کنید.
جفتسازی فونت در واقع چیست
جفتسازی فونت، قانونی است که تصمیم میگیرد کدام فونت کدام کار را انجام میدهد و چرا. این یک مسابقه زیبایی بین دو فونت در مودبورد نیست.
یک جفتسازی واقعی قبل از اینکه به یک نمونه نگاه کنید، به چهار سوال پاسخ میدهد. فونت عنوان برای چیست. فونت بدنه برای چیست؟ فونت رابط کاربری برای چیست؟ کجاها همپوشانی دارند و کجاها نباید همپوشانی داشته باشند. اگر نمیتوانید به این سؤالات در یک جمله پاسخ دهید، هنوز جفتی ندارید، دو فونت دارید که اتفاقاً دوست دارید.
جفتها درون یک سیستم قرار دارند. تجزیه طراحی سیستم تایپوگرافی کل سیستم را پوشش میدهد. این قطعه، برشی است که انتخاب فونت را مدیریت میکند.
پنج قانونی که هر جفت را تعیین میکنند
این قوانین ترکیب میشوند. چهار از پنج را بزنید و جفت معمولاً کار میکند. سه را بزنید و شروع به احساس ناخوشایندی میکند. دو را بزنید و طراحی صرف نظر از بقیه کار، آماتور به نظر میرسد.
قانون ۱: تضاد در ساختار، هماهنگی در تناسب
جفت باید همزمان متفاوت و مرتبط به نظر برسد. تفاوت در ساختار به این معنی است که یکی هندسی و دیگری انسانگرا است، یا یکی سریف و یکی بدون درز، یا یکی نمایشی و یکی متنی است. تناسب مرتبط به این معنی است که آنها ارتفاع x، ارتفاع cap و وزن stroke را به اندازه کافی نزدیک به هم دارند که بدون اینکه یکی بر دیگری سایه بیندازد، روی یک خط پایه قرار میگیرند.
کنتراست بدون هماهنگی به عنوان یک اشتباه خوانده میشود. هماهنگی بدون کنتراست به عنوان یک تخت خوانده میشود. جفت شدن باید هر دو را انجام دهد.
سریعترین آزمایش: کلمه "Hamburgefonstiv" را در هر دو فونت با اندازه نقطه یکسان تایپ کنید. اگر یکی به طور قابل توجهی بلندتر، باریکتر یا سنگینتر در اندازه یکسان باشد، نسبتها مطابقت ندارند. جفت شدن برای همیشه با شما خواهد جنگید.
قانون 2: یک صدا برای هر نقش
هر فونت یک کار را انجام میدهد. عنوان، بدنه، رابط کاربری یا نمایش. شما اجازه نمیدهید فونت عنوان به متن بدنه نفوذ کند. شما اجازه نمیدهید فونت بدنه به عنوان یک تیتر خودنمایی کند.
دو فونت تقریباً همیشه کافی است. سه فونت حداکثر چیزی است که یک سیستم عاقلانه میتواند در خود جای دهد. اگر به چهار فونت نیاز دارید، تقریباً مطمئناً باید از دو فونت بهتر استفاده کنید. هر فونت اضافی، تصمیمات مربوط به جفتسازی، تصمیمات مربوط به وزن، تصمیمات مربوط به مجوز، تصمیمات مربوط به عملکرد و تصمیمات مربوط به راهنمای برند را چند برابر میکند. هزینه ترکیب این دو بسیار زیاد است.
استثنا: یک فضای تکی اختصاصی برای بلوکهای کد یا جداول داده. این به عنوان یک ابزار رابط کاربری محسوب میشود، نه یک صدای سوم.
قانون ۳: در متن آزمایش کنید، نه در یک نمونه
یک جفتسازی که در یک نمونه از نوع Behance زیبا به نظر میرسد، میتواند در داخل یک کارت، یک نوار ناوبری یا یک بلوک سوالات متداول ۱۲ خطی از هم بپاشد. نمونهها، فونتهای تختتر را نشان میدهند. طرحبندیهای واقعی آنها را آشکار میکنند.
قبل از انجام، جفتسازی را در سه زمینه واقعی آزمایش کنید. یک قهرمان صفحه فرود با یک تیتر و یک زیرعنوان. یک مقاله طولانی با H1، H2، بدنه و یک نقل قول. یک رابط کاربری محصول با دکمهها، ورودیها و برچسبها. اگر جفتسازی در هر یک از این موارد از هم بپاشد، جفتسازی سیستمی نیست، جفتسازی پوستری است.
صفحه نمایش یک نمونه چاپی نیست. رندر مرورگر، اشارهگر، روانسازی فونت در سطح سیستم عامل و حالت تاریک، همگی عملکرد نوع را تحریف میکنند. روی دستگاهی که کاربر استفاده خواهد کرد، آزمایش کنید، نه روی مانیتور استودیویی که در هر صورت خوب به نظر میرسد.
قانون ۴: مجوز و عملکرد بخشی از جفتسازی هستند
زیباترین جفتسازی در جهان زمانی به مشکل تبدیل میشود که نتوان آن را به صورت مستقل میزبانی کرد، ۶۰۰ کیلوبایت بالاتر از صفحه اصلی وزن داشته باشد، یا نتوان آن را بدون مجوز جداگانه در یک دسته کلاینت جاسازی کرد. جفتسازیها در محصولات واقعی عرضه شده وجود دارند و محصولات واقعی عرضه شده محدودیتهای واقعی دارند.
قبل از اینکه عاشق آن شوید، مجوز را بررسی کنید. مجوزهای فونت وب، فونت برنامه و فونت جاسازی شده یکسان نیستند. بسیاری از شرکتهای معتبر برای هر کدام جداگانه هزینه دریافت میکنند. سرویسهای اشتراکی مانند Adobe فونتها، وب را پوشش میدهند اما همیشه جاسازی برنامه بومی را پوشش نمیدهند. جفتسازی که مشتری نمیتواند از آن استفاده کند، جفتسازیای است که باید دوباره انجام دهید.
عملکرد به همان اندازه اهمیت دارد. فونتهای متغیر، وزنهای چندگانه را در یک فایل واحد خلاصه میکنند، که معمولاً پاسخ صحیح در سال ۲۰۲۶ است. دو فونت متغیر با حجم ۸۰ کیلوبایت، هر بار و در هر دستگاه، هشت فایل فونت ثابت با حجم ۴۰ کیلوبایت را شکست میدهند. اصول طراحی وب توضیح میدهد که چرا عملکرد اکنون یک تصمیم زیباییشناختی است.
قانون ۵: جفت کردن در برابر برند، نه در برابر روند
یک فونت بدون هندسی جفت شده با یک فونت سریف گوهای، روند سال ۲۰۲۶ است. این باعث نمیشود که جفت مناسبی برای یک شرکت حقوقی ۲۰۰ ساله یا یک بیمارستان کودکان باشد. برند در مورد جفت شدن تصمیم میگیرد. روند رأی میگیرد، نه وتو، و نه تاجگذاری.
جفت شدن را در خلاصه برند بررسی کنید. برند نماد چیست. مخاطب کیست. برند باید چه لحنی را نشان دهد. یک فونت بدون هندسی، خردگرایی، مدرنیته و مهندسی را نشان میدهد. یک فونت سریف انسانگرا، اقتدار، تاریخ و اعتماد را نشان میدهد. اگر آنها را در یک برند استارتاپی جفت کنید، یک رقیب بالغ و معتبر خواهید داشت. اگر آنها را در یک برند بیمارستان کودکان جفت کنید، سرد و بیتفاوت خواهید شد.
برای مطالعه عمیقتر در مورد اینکه چگونه استراتژی برند، هر تصمیم تایپوگرافی را هدایت میکند، به مطلب دستورالعملهای هویت برند مراجعه کنید.
--
دوازده جفت که از قبل کار میکنند
هفتهها در آزمایش شما صرفهجویی میکنند. هر جفت در اینجا در کار تولید واقعی ارائه شده است یا در سیستمهای هویت برای برندهایی که در مورد آنها شنیدهاید، پابرجا مانده است. هر کدام از پنج قانون بالا پیروی میکنند. از آنها به عنوان نقطه شروع استفاده کنید، نه یک پاسخ نهایی.
| # | عنوان | بدنه | بهترین برای | حس و حال |
|---|---|---|---|---|
| 1 | اینتر | سورس سریف | نرمافزار به عنوان سرویس (SaaS)، ابزارهای توسعه، برندهای فنی | مهندسی شده، آرام |
| 2 | ساتوشی | سورس سریف | استارتاپهای مدرن، آژانسها | واضح، سرمقالهای |
| 3 | DM Sans | Lora | سرمقاله، سبک زندگی، برندهای محتوا | گرم، خواندنی |
تعدادی از این موارد (9 و 10) از نظر فنی جفتسازی محسوب نمیشوند، بلکه سیستمهای تکخانوادگی با وزنهای چندگانه هستند. این عمدی است. یک خانواده تکخانوادگی خوشساخت با پنج وزن و برش تکرنگ، انتخاب منظمتری نسبت به جفتسازی اجباری دو فونت است. طراحانی که از ایده "فقط یک فونت" وحشت دارند، معمولاً برای پنهان کردن سلسله مراتب ضعیف به کنتراست تکیه میکنند.
جایی که اکثر جفتسازیها شکست میخورند
شش الگوی شکست، جفتسازیهای بیشتری را نسبت به هر چیز دیگری از بین میبرند. اگر یک جفتسازی موفق نباشد، تقریباً همیشه یکی از این موارد است.
دو فونت نمایشگر. دو فونت جذاب در یک سیستم برای یک هدف میجنگند. یکی همیشه میبازد و بازنده در نهایت مانند یک غلط املایی به نظر میرسد. یک نمایشگر را با یک فونت سنگین جفت کنید، هرگز یک نمایشگر را با نمایشگر دیگری جفت نکنید.
دو فونت تقریباً یکسان sans. اینتر با Manrope یا DM Sans با Satoshi جفت شوند. ساختارها خیلی نزدیک هستند، کنتراست از بین میرود و جفت شدن به گونهای خوانده میشود که انگار کسی نمیتواند تصمیم بگیرد. اگر هر دو فونت میتوانستند کار یکسانی انجام دهند، جفت نمیشوند، بلکه در حال رقابت هستند.
تصادف مد روز در مقابل مقاوم در برابر مد روز. یک فونت wedge serif مربوط به سال 2026 با یک فونت اومانیستی sans دهه 1990 جفت میشود. دورهها با هم ترکیب نمیشوند، به هم میریزند. عمداً یا اصلاً جفت نمیشوند.
فونت بدنه به عنوان تیتر دو وظیفه را انجام میدهد. فونتهای بدنه برای خواندن پایدار در اندازههای کوچک طراحی شدهاند، نه برای تأثیرگذاری در 72 پیکسل. اینتر در 96 پیکسل در داشبورد خوب است، در یک صفحه فرود دردناک است. از ابزار مناسب برای اندازه استفاده کنید.
بدون وزن متوسط. جفت شدنی که یک عنوان سنگین و یک بدنه معمولی دارد اما هیچ چیز بین آنها وجود ندارد، باعث میشود هر عنصر رابط کاربری دوتایی به نظر برسد. یک سیستم واقعی برای مدیریت زیرعنوانها، دکمهها و تأکیدها بدون پرش مستقیم به سمت حروف پررنگ، به وزن متوسطی نیاز دارد.
انتخاب جفتسازی قبل از استراتژی برند. این گناه کبیره است. عاشق یک جفتسازی روی یک تخته خلق و خو شدن، سپس تلاش برای بازسازی یک برند حول آن. برند، تایپوگرافی را تعیین میکند. همیشه. ترتیب مهم است.
چگونه یک جفتسازی را در 30 دقیقه انتخاب کنیم
تصمیمگیری نباید یک هفته طول بکشد. در اینجا گردش کار واقعی آمده است.
-
خلاصه برند را در یک جمله بنویسید. این برند چه چیزی را نشان میدهد، برای چه کسی و کجا بیشتر ظاهر میشود.
-
ابتدا فونت عنوان را انتخاب کنید. این فونت شخصیت دارد. برخلاف خلاصه انتخاب کنید، نه برخلاف سلیقه شما.
-
فونت بدنه را انتخاب کنید که از نظر ساختار متضاد باشد اما از نظر تناسب هماهنگ باشد. از قانون 1 به عنوان آزمون استفاده کنید.
-
در برابر قوانین 2 تا 5 اعتبارسنجی کنید. یک صدا برای هر نقش. در سه زمینه آزمایش کنید. مجوز و وزن را بررسی کنید. برخلاف برند جفت کنید، نه برخلاف روند.
-
یک مشخصات تک صفحهای بسازید. نمونه تیتر، سه زیرعنوان، یک پاراگراف از بدنه، یک دکمه و یک برچسب. اگر مشخصات در دسکتاپ و موبایل با هم همخوانی داشته باشند، جفتسازی آماده است.
-
روی آن تمرکز کنید. جفتسازیای که 24 ساعت بعد هنوز هم مناسب به نظر برسد، معمولاً مناسب است. جفتسازیای که صبحها نامناسب به نظر برسد، معمولاً حقیقت را به شما میگوید.
اگر به جای تمرین مودبورد، یک تیم واقعی میخواهید که این کار را برای یک برند واقعی انجام دهد، استخدام ⟦برند ۰⟧. ما رابط کاربری برند و محصول را با سیستمهای تایپوگرافی کامل ارائه میدهیم.
جفتسازی برای طراحی با کمک هوش مصنوعی
در سال 2026، طراحان بیشتری از تولید تصویر هوش مصنوعی، تولید رابط کاربری هوش مصنوعی (v0، Lovable، Subframe) و گردشهای کاری مبتنی بر Figma MCP برای پیشنویس طرحبندیها استفاده میکنند. جفتسازی فونت در این زمینه اهمیت بیشتری دارد، نه کمتر.
ابزارهای هوش مصنوعی به طور پیشفرض به هر فونتی که در اعلان وجود دارد یا هر فونتی که سیستم طراحی به آنها میدهد، عمل میکنند. اگر سیستم از قبل یک جفتسازی دو فونتی تمیز تعریف شده داشته باشد، خروجی هوش مصنوعی نیز شبیه برند به نظر میرسد. اگر سیستم نامرتب باشد، خروجی هوش مصنوعی نیز نامرتب است، فقط سریعتر و در مقیاس. تجزیه و تحلیل مهندسی سریع برای طراحان نحوه تولید خروجی مطابق با برند توسط این ابزارها را پوشش میدهد و جفتسازی تایپوگرافی یکی از متغیرهای تحمل بار در آن اعلان است.
درس: یک جفتسازی قوی در یک سیستم قوی باعث میشود ابزارهای هوش مصنوعی برند را به زور تکثیر کنند. یک جفتسازی ضعیف باعث میشود ابزارهای هوش مصنوعی ناسازگاری را به زور تکثیر کنند.
--
سوالات متداول
سادهترین جفتسازی فونت برای مبتدیان چیست؟
با Source Serif جفتسازی کنید. هر دو رایگان، به خوبی مهندسی شده، در قالبهای متغیر موجود هستند و تقریباً در هر زمینهای از رابط کاربری SaaS گرفته تا سرمقالههای طولانی دوام میآورند. آنها به طور تمیز از قانون 1 پیروی میکنند، در اندازههای فایل کم ارسال میشوند و به راحتی در هر سیستم طراحی قرار میگیرند.
چگونه دو فونت گوگل را با هم جفت میکنید که حرفهای به نظر برسند؟
به فونتهایی با محدوده وزنی کامل و اعتبار آزمایششده در تولید پایبند باشید. DM Sans با Lora، Inter با Source Serif، Manrope با Fraunces و Space Grotesk با IBM Plex Serif چهار جفتی هستند که از همان ابتدا عمدی به نظر میرسند. از جفت کردن Roboto با هر چیز مد روز خودداری کنید، زیرا باعث میشود فونت مد روز به دلیل ارتباط، بیارزش به نظر برسد.
آیا میتوانید از دو فونت سنس سریف با هم استفاده کنید؟
بله، اگر از نظر ساختار متضاد باشند. یک فونت سنس هندسی (Inter، Satoshi) که با یک فونت سنس اومانیستی (DM Sans، Söhne) جفت شده باشد، میتواند به خصوص در برندهای سرمقالهای یا محتوایی کار کند. خطر انتخاب دو فونت سنس است که خیلی شبیه به هم هستند. اگر هر دو فونت بتوانند کار یکسانی انجام دهند، جفت شدن با شکست مواجه میشود.
یک برند باید از چند فونت استفاده کند؟
تقریباً برای هر برندی دو فونت مناسب است. حداکثر سه فونت است. یکی قابل قبول و دست کم گرفته شده است، به خصوص با یک فونت با قابلیت تغییرپذیری بالا. تمایل به اضافه کردن فونت چهارم تقریباً همیشه نشانه این است که فونتهای موجود به خوبی استفاده نمیشوند، نه اینکه برند به فونتهای بیشتری نیاز دارد.
تفاوت بین جفتسازی فونت و سیستم تایپ چیست؟
جفتسازی فونت به معنای انتخاب این است که کدام فونتها چه نقشی را ایفا میکنند. یک سیستم تایپ، مجموعه کاملی از قوانین پیرامون آن فونتها است، از جمله مقیاس فونت، وزنها، ارتفاع خطوط، فاصلهگذاری و رفتار واکنشگرا. جفتسازی یک تصمیم در داخل سیستم است. قطعه طراحی سیستم تایپوگرافی بقیه را پوشش میدهد.
چگونه بفهمم که جفتسازی من کار میکند؟
سه آزمایش انجام دهید. تست نگاه اجمالی: سلسله مراتب باید حتی وقتی صفحه را تار میکنید، همچنان قابل خواندن باشد. تست نقش: هر فونت باید یک وظیفه واضح داشته باشد. تست برند: یک غریبه باید بتواند برند را فقط از روی تایپ، قبل از خواندن کلمات، حس کند. اگر هر سه مورد قبول باشند، جفتسازی کار میکند.
جفت کردن فونت را انتخاب کنید، سپس سیستم را ارسال کنید
جفت کردن فونت سختترین تصمیم در طراحی نیست. این سختترین کار است. طراحان هفتهها روی بوردهای پر از نمونه Figma وقت میگذارند، زیرا انتخاب نهایی به نظر میرسد. اما اینطور نیست. جفت کردن فونت تا زمان عرضه و تا حدی پس از آن قابل برگشت است و هزینه انتخاب یک جفت به اندازه کافی خوب امروز همیشه کمتر از هزینه انتخاب نکردن هیچ فونتی برای یک ماه دیگر است.
از پنج قانون استفاده کنید. از دوازده جفت انتخاب کنید. گردش کار 30 دقیقهای را اجرا کنید. سیستم را در همان هفته حول جفت کردن ارسال کنید.
جفتی که باقی میماند، جفتی است که ناپدید میشود. خواننده هرگز به فونتها فکر نمیکند. آنها به برند، محصول، پیام، پیشنهاد فکر میکنند. هدف این است. تایپی که توجه را به خود جلب میکند، تایپی است که کار اشتباهی انجام میدهد. تایپی که در وضوح ناپدید میشود، تایپی است که کار درست را انجام میدهد.
اگر تیمی میخواهید که برند، سیستم تایپ و رابط کاربری محصول را به جای سه پروژه، در یک پروژه مدیریت کند، استخدام ⟦برند ۰⟧. ما فونتها را همانطور که بقیه اجزای برند را جفت میکنیم، جفت میکنیم. برخلاف خلاصه، نه مطابق با مودبورد.
Want a typography system you can actually ship instead of a Pinterest board of fonts? Brainy builds brand and product type systems end to end.
Get Started