Google Font Pairing Tool — Find Perfect Font Combinations | Free Edu & .COM Temporary Mails
← همه ابزارها / Font Pairing Tool
🔤

ابزار جفت کردن فونت گوگل

ترکیبات کامل فونت گوگل را برای وب سایت، برنامه یا نام تجاری خود کشف کنید. پیش نمایش جفت فونت های انتخاب شده با متن سفارشی. تگ پیوند CSS را فورا کپی کنید.

کد واردات CSS

نحوه انتخاب جفت فونت عالی

Great typography is the foundation of memorable design. حق جفت کردن فونت سلسله مراتب بصری ایجاد می کند، شخصیت برند را ایجاد می کند و خواندن محتوا را آسان تر می کند. این ابزار جفت‌سازی‌های ماهرانه‌ای را ارائه می‌کند فونت های گوگل - همه رایگان و منبع باز.

اصول جفت کردن فونت

کنتراست و مکمل - یک سرفصل را با بدنه sans-serif جفت کنید. کنتراست با حفظ خوانایی، علاقه بصری ایجاد می کند.
نسبت های ثابت - فونت هایی با ارتفاع x مشابه برای هماهنگی بصری انتخاب کنید. نسبت‌های ناهماهنگ احساس ناراحتی می‌کنند.
اول سلسله مراتب - فونت عنوان باید توجه را جلب کند. فونت بدنه باید ناپدید شود - قابل خواندن بدون توجه.
محدود به دو فونت - دو فونت خوب انتخاب شده تقریباً همیشه بهتر از سه قلم یا بیشتر هستند. برای تنوع از اندازه، وزن و رنگ استفاده کنید.

سوالات متداول

بله، تمام فونت‌های موجود در فونت‌های گوگل تحت مجوزهای منبع باز (عمدتا مجوز فونت باز SIL یا مجوز آپاچی) منتشر می‌شوند. می‌توانید آزادانه از آنها برای وب‌سایت‌های تجاری، برنامه‌ها، مطالب چاپی و آرم‌ها بدون ذکر منبع استفاده کنید.

دو روش: (1) a اضافه کنید <link> در HTML خود تگ کنید <head>. (2) استفاده کنید @import در فایل CSS شما هر دو با کلیک روی یک جفت ایجاد می‌شوند - کد واردات CSS را از پانل زیر شبکه کپی کنید.

کمی. برای به حداقل رساندن تأثیر عملکرد: از font-display استفاده کنید: swap، از قبل به fonts.googleapis.com متصل شوید، فقط وزن های مورد نیاز خود را بارگیری کنید و فونت های حیاتی خود میزبانی را در نظر بگیرید. Google Fonts CDN به صورت جهانی ذخیره می شود، بنابراین بازدیدهای مکرر فورا بارگیری می شوند.

برای متن با فرم طولانی: Inter، Open Sans، Source Sans 3 و Lato گزینه‌های عالی هستند. در اندازه فونت 14-18 پیکسل با ارتفاع خط 1.5-1.7، این فونت ها خوانایی را در تمام اندازه های صفحه نمایش به حداکثر می رساند.
آیا کوکی ها را قبول می کنید؟

ما از کوکی ها برای بهبود تجربه مرور شما استفاده می کنیم.

بیشتر