ما هو أداة تنسيق الخطوط؟

اعثر على توليفات خطوط للعناوين والنص الأساسي تعمل بشكل جيد معًا. اختر اقترانًا، استعرضه بنصك الخاص، وانسخ كود CSS أو رابط Google Fonts إلى مشروعك.

كل اقتران يجمع خطّاً للعناوين مع خطّ للنص الأساسي مع مراعاة التباين البصري وراحة القراءة: خطّ ذو سرفات للعناوين مع خطّ بلا سرفات إنساني للفقرات، خطّ هندسي مع لمسات أحادية المسافة، خطوط عرض مكثّفة مع خطّ نصّي موثوق. صفّ حسب الأسلوب، أدخل عنوانك في المعاينة، وانسخ سطر استيراد Google Fonts مع قواعد CSS.

كيفية الاستخدام

1. الخطوة 1 — تصفّح أزواج الخطوط أو فلتر حسب النمط (مذيّل، غير مذيّل، عرضي، أحادي العرض، يدوي).
2. الخطوة 2 — انقر على اقتران لاستعراضه بنص نموذجي أو اكتب نصك الخاص.
3. الخطوة 3 — انسخ رابط استيراد Google Fonts أو كود CSS للاقتران الذي اخترته.

متى تستخدم

• اختيار خطّ العنوان والمتن لمدوّنة أو صفحة هبوط قبل كتابة أي CSS.
• تجديد طباعة شرائح عرض أو معرض أعمال دون لمس التخطيط.
• مراجعة خطّين تستخدمهما فعلاً لترى إن كانا يتجاوران جيداً.

النتيجة

إنشاء مدونة: اختر اقتران "Playfair Display + Source Sans 3"، واستعرض عنوانك، ثم انسخ CSS للصقه في ورقة الأنماط الخاصة بك.

الأسئلة الشائعة

هل كل هذه الخطوط مجانية وقابلة للاستخدام التجاري؟

نعم. جميع الاقترانات مأخوذة من Google Fonts برخصة SIL Open Font License أو ما يماثلها. يمكنك تضمينها في مواقع تجارية وشحنها داخل تطبيقات واستخدامها في أعمال العملاء دون شراء ترخيص.

ما الذي يجعل خطّين «يتجاوران» جيداً؟

التباين مع الانسجام. العناوين تستفيد من الشخصية (السرفات، خطوط العرض، الهندسي السميك)، أما المتن فعليه أن يختفي خلف القراءة. الاقترانات هنا تخلط الفئات عمداً: عنوان سرفي ذو طابع مع خطّ سانس محايد للفقرة.

هل يجوز استخدام الخطّ نفسه للعنوان والمتن؟

نعم، خاصة مع العائلات الكبرى مثل Inter وSource Sans وRoboto التي تقدّم أوزاناً متعددة. خلط خطّين عادةً يضيف رونقاً، لكن عائلة واحدة بوزنين (عادي وسميك) تبقى مرتّبة في الوثائق ولوحات التحكم.

هل تحميل خطّين من Google Fonts يبطئ الصفحة؟

عائلتان بوزن واحد لكل منهما يضيفان نحو 30 إلى 50 كيلوبايت وطلب HTTP إضافياً. استضافة CSS المولَّد ذاتياً، واستخدام `font-display: swap`، والاقتصار على الأوزان المستعملة فعلاً يجعل التكلفة لا تذكر.

كيف أحافظ على تناسق الطباعة بعد اختيار اقتران؟

اضبطه كافتراضي في CSS عبر متغيرات `font-family`، حدّد سلّم أحجام (مثلاً بنسبة 1.25)، ولا ترشّ خطوطاً إضافية داخل المكوّنات. خطّان منتقيان بعناية يكفيان لمعظم الوثائق من البداية إلى النهاية.

أدوات ذات صلة