← جميع الأدوات
/ Font Pairing Tool
🔤
أداة إقران الخطوط من Google
اكتشف مجموعات خطوط Google المثالية لموقعك على الويب أو تطبيقك أو علامتك التجارية. معاينة أزواج الخطوط المنسقة مع النص المخصص. انسخ علامة رابط CSS على الفور.
كود استيراد CSS
كيفية اختيار الاقتران المثالي للخط
الطباعة الرائعة هي أساس التصميم الذي لا يُنسى. الحق إقران الخط ينشئ تسلسلًا هرميًا مرئيًا، ويؤسس شخصية العلامة التجارية، ويجعل المحتوى أسهل في القراءة. توفر هذه الأداة عمليات اقتران منسقة بخبرة من خطوط جوجل - جميعها مجانية ومفتوحة المصدر.
مبادئ اقتران الخط
التباين والتكملة - قم بإقران عنوان serif بجسم sans-serif. يخلق التباين اهتمامًا بصريًا مع الحفاظ على سهولة القراءة.
نسب متسقة - اختر خطوطًا ذات ارتفاعات x مماثلة لتحقيق التناغم البصري. تبدو النسب غير المتطابقة مزعجة.
التسلسل الهرمي أولا - يجب أن يلفت خط العنوان الانتباه. يجب أن يختفي خط النص الأساسي بحيث يمكن قراءته دون أن يلاحظه أحد.
يقتصر على خطين — خطان مختاران جيدًا يكونان دائمًا أفضل من ثلاثة خطوط أو أكثر. استخدم الحجم والوزن واللون للتنوع.
الأسئلة المتداولة
نعم، يتم إصدار جميع الخطوط الموجودة في Google Fonts بموجب تراخيص مفتوحة المصدر (معظمها ترخيص SIL Open Font أو ترخيص Apache). يمكنك استخدامها بحرية للمواقع التجارية والتطبيقات والمواد المطبوعة والشعارات دون إسناد.
طريقتان: (1) إضافة أ
<link> علامة في HTML الخاص بك <head>. (2) الاستخدام @import في ملف CSS الخاص بك. يتم إنشاء كلاهما عند النقر فوق زوج — انسخ رمز استيراد CSS من اللوحة الموجودة أسفل الشبكة.طفيف. لتقليل تأثير الأداء: استخدم عرض الخط: مبادلة، واتصل مسبقًا بـ Fonts.googleapis.com، وقم بتحميل الأوزان التي تحتاجها فقط، وفكر في الخطوط المهمة ذاتية الاستضافة. يتم تخزين Google Fonts CDN مؤقتًا على مستوى العالم، لذا يتم تحميل الزيارات المتكررة على الفور.
بالنسبة للنص الأساسي الطويل: تعد Inter وOpen Sans و Source Sans 3 و Lato خيارات ممتازة. بحجم الخط 14-18 بكسل وارتفاع الخط 1.5-1.7، تعمل هذه الخطوط على زيادة إمكانية القراءة عبر جميع أحجام الشاشات.