مولد توافق الخطوط
تصفح 20 مجموعة خطوط Google منتقاة بعناية. استعرض المعاينة بنصوص مخصصة، وعدّل الأحجام، وانسخ أكواد CSS جاهزة للاستخدام.
ما هو مولد توافق الخطوط؟
مولد توافق الخطوط يساعد المصممين والمطورين في العثور على توليفات متناسقة من خطوط العناوين والنصوص. توليفات الطباعة الجيدة تخلق تسلسلًا هرميًا بصريًا وسهولة في القراءة. تقوم هذه الأداة بتنظيم 20 مجموعة شائعة من خطوط Google، وتتيح لك معاينتها بالنص الخاص بك، وتوليد كود CSS جاهز للاستخدام.
كيف تجد توليفة الخطوط المثالية؟
- أدخل نصًا مخصصًا — اكتب عنوانك ونص جسم المقال في حقول الإدخال
- عدّل الأحجام — استخدم أشرطة التمرير لضبط أحجام خطوط العناوين والنصوص
- تصفح التوليفات — مرر عبر 20 مجموعة خطوط Google منتقاة بعناية
- تبديل الخلفية — قم بالتبديل بين المعاينة الداكنة والفاتحة لترى كيف تبدو الخطوط في كلا الوضعين
- اختر زوجًا — انقر على أي توليفة لرؤية كود CSS
- نسخ CSS — انقر فوق نسخ CSS للحصول على قواعد الاستيراد والنمط لمشروعك
لماذا تستخدم أداة توافق الخطوط هذه؟
- جودة مُنتقاة — 20 توليفة مختارة يدويًا تتبع مبادئ التصميم المثبتة مثل التباين بين الخطوط ذات النهايات والخطوط المجردة
- معاينة مباشرة — يتم تحميل الخطوط من Google Fonts CDN وعرضها في الوقت الفعلي مع النص المخصص الخاص بك
- التحكم في الحجم — تتيح لك أشرطة التمرير اختبار أحجام مختلفة للعناوين والنصوص للتحقق من التناسب والإيقاع
- داكن وفاتح — قم بتبديل وضع الخلفية لترى كيف تعمل التوليفات في كلا النمطين
- CSS جاهز للإنتاج — احصل على قواعد @import و font-family الدقيقة لإسقاطها في مشروعك
- لا حاجة إلى حساب — مجاني، لا يتطلب تسجيلًا، ويعمل بالكامل في متصفحك
FreeToolbox مقابل أدوات توافق الخطوط الأخرى
| الميزة | FreeToolbox | Fontjoy | Typ.io |
|---|---|---|---|
| التوليفات | 20 منتقاة | تم إنشاؤها بواسطة الذكاء الاصطناعي | مجتمعية |
| نص مخصص | نعم | نعم | لا |
| التحكم في الحجم | أشرطة تمرير | لا | لا |
| تبديل داكن/فاتح | نعم | لا | لا |
| تصدير CSS | بنقرة واحدة | لا | يدوي |
| الإعلانات | أقل حد | متوسطة | كثيفة |
| الخصوصية | في المتصفح فقط | خادم | خادم |
الأسئلة الشائعة
هل هذه الخطوط مجانية للاستخدام؟
نعم. تستخدم جميع التوليفات العشرين خطوط Google، وهي مجانية ومفتوحة المصدر. يمكنك استخدامها في المشاريع الشخصية والتجارية دون أي رسوم ترخيص.
كيف يتم تحميل الخطوط؟
يتم تحميل الخطوط عند الطلب من Google Fonts CDN. عندما تتصفح التوليفات، يتم جلب كل خط وتخزينه مؤقتًا بواسطة متصفحك.
هل يمكنني استخدام CSS الذي تم إنشاؤه مباشرة في مشروعي؟
نعم. يتضمن كود CSS عنوان URL @import وقواعد font-family. انسخها والصقها في ورقة الأنماط الخاصة بك لبدء استخدام التوليفة على الفور.
لماذا يتم إقران خط بنهايات مع خط مجرد؟
التباين هو مبدأ أساسي في الطباعة الجيدة. إن إقران عنوان بخط بنهايات مع نص بخط مجرد (أو العكس) يخلق تسلسلًا هرميًا بصريًا واضحًا ويحسن سهولة القراءة.
هل يمكنني المعاينة بنصي الخاص؟
نعم. أدخل أي عنوان ونص في حقول الإدخال في الأعلى. يتم تحديث جميع التوليفات العشرين على الفور بنصك المخصص.