Font Pairing Guide
Explore curated Google Fonts pairings with live previews.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Good font pairing enhances readability and reinforces the overall design aesthetic of your website or application.
خط العنوان: Playfair Display · خط النص: Source Sans 3
:Google Fonts <link href="https://fonts.googleapis.com/css2?family=Playfair%20Display:wght@400;700&family=Source%20Sans%203:wght@400;700&display=swap" rel="stylesheet">
حول هذه الأداة
توفر أداة إقران الخطوط ثمانية مجموعات Google Fonts منتقاة وتتيح معاينة خطوط العناوين والنص الأساسي في الوقت الفعلي.
يعزز الإقران الجيد للخطوط القابلية للقراءة ويقوي الجماليات التصميمية لموقعك أو تطبيقك.
كيفية الاستخدام
- انقر على بطاقة الإقران لاختيار مجموعة خطوط مُهيَّأة مسبقاً.
- اختيارياً، اكتب أي اسم Google Font في الحقول.
- عدّل النص التجريبي لمعاينة الخطوط بمحتواك الخاص.
- انسخ علامة link لـ Google Fonts في الأسفل وأضفها إلى head الـ HTML.
حالات الاستخدام
يختبر مصممو الويب أزواج الخطوط قبل اختيار نظام الطباعة. يجد المطورون أزواج الخطوط المناسبة لأنظمة التصميم بسرعة.
الأسئلة الشائعة
- هل يمكنني استخدام خطوط مخصصة؟ — يمكنك كتابة أي اسم خط Google Fonts في الحقول. استخدم الاسم الدقيق من Google Fonts.
- كيف أستخدم رابط Google Fonts المُولَّد؟ — أضف علامة link إلى <head> الـ HTML، ثم استخدم font-family: 'اسم الخط'، fallback في CSS.