← جميع الأدوات
/ Font Pairing Tool
🔤
أداة إقران الخطوط من Google
اكتشف مجموعات خطوط Google المثالية لموقعك على الويب أو تطبيقك أو علامتك التجارية. معاينة أزواج الخطوط المنسقة مع النص المخصص. انسخ علامة رابط CSS على الفور.
كود استيراد CSS
كيفية اختيار الاقتران المثالي للخط
الطباعة الرائعة هي أساس التصميم الذي لا يُنسى. الحق إقران الخط ينشئ تسلسلًا هرميًا مرئيًا، ويؤسس شخصية العلامة التجارية، ويجعل المحتوى أسهل في القراءة. توفر هذه الأداة عمليات اقتران منسقة بخبرة من خطوط جوجل - جميعها مجانية ومفتوحة المصدر.
مبادئ اقتران الخط
التباين والتكملة - قم بإقران عنوان serif بجسم sans-serif. يخلق التباين اهتمامًا بصريًا مع الحفاظ على سهولة القراءة.
نسب متسقة - اختر خطوطًا ذات ارتفاعات x مماثلة لتحقيق التناغم البصري. تبدو النسب غير المتطابقة مزعجة.
التسلسل الهرمي أولا — The heading font should command attention. The body font should disappear — readable without being noticed.
Limit to Two Fonts — Two well-chosen fonts are almost always better than three or more. Use size, weight, and color for variety.
الأسئلة المتداولة
Yes, all fonts on Google Fonts are released under open-source licenses (mostly SIL Open Font License or Apache License). You can use them freely for commercial websites, apps, print materials, and logos without attribution.
Two methods: (1) Add a
<link> tag in your HTML <head>. (2) Use @import in your CSS file. Both are generated when you click a pair — copy the CSS import code from the panel below the grid.Slightly. To minimize the performance impact: use font-display: swap, preconnect to fonts.googleapis.com, load only the weights you need, and consider self-hosting critical fonts. Google Fonts CDN is globally cached, so repeat visits load instantly.
For long-form body text: Inter, Open Sans, Source Sans 3, and Lato are excellent choices. At 14-18px font size with 1.5-1.7 line height, these fonts maximize readability across all screen sizes.