الألوان والتصميم
مقترح إقران الخطوط
Curated pairings for any Google or system font.
Sample headline · Inter
The art of pairing fonts
serif
Lora
Classic editorial counterpoint
Body text for the pairing. The quick brown fox jumps over the lazy dog 1234567890.
serif
Source Serif Pro
Same designer family — Adobe
Body text for the pairing. The quick brown fox jumps over the lazy dog 1234567890.
mono
JetBrains Mono
Code snippets in a tech site
Body text for the pairing. The quick brown fox jumps over the lazy dog 1234567890.
Previews use system fallbacks unless the font is installed locally — pair on Google Fonts or Adobe Fonts for production.
ملاحظة المحرر
Understanding · Two voices, in conversation.
هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.
الأسئلة المتكررة
Quick answers.
›How does the tool choose font pairings?
The suggester uses a database of curated pairings that consider font family classifications, contrast in stroke width, and overall aesthetic harmony.
›Are these fonts free to use?
Yes. Most pairings feature Google Fonts which are open-source and free for commercial use, or standard system fonts already installed on your device.
›Can I preview my own content?
Yes. You can edit the heading and body text fields directly to see how your specific copy looks before you commit to a design.
›Which font categories are included?
The tool covers Serif, Sans-Serif, Display, and Monospace categories to provide varied options for headers and body text.
يبحث الأشخاص أيضًا عن
أدوات ذات صلة
More in this room.
- محول وحدات CSSحConvert px, rem, em, pt والمزيد.
- حاسبة نسبة العرض إلى الارتفاعاحسب النسب وغيّر أبعاد الحجم.
- مولد تخطيط شبكة CSSاسحب مقاسات المسار، وانسخ شبكة CSS.
- محول الألوان (HEX/RGB/HSL/OKLCH)HEX، RGB، HSL و OKLCH الحديث — فوراً.
- مدقق التباين (WCAG)تحقق من تباين WCAG AA / AAA — ناجح أم فاشل.
- مولد التدرجاتتدرجات CSS الخطية والشعاعية والمخروطية.