GGogotem
العودة إلى الصفحة الرئيسية

معاينة الخطوط ومقارنتها

قارن الخطوط بالنص العربي نفسه، واضبط الحجم والوزن والتباعد والألوان، واختبر خطك محلياً ثم انسخ CSS الجاهز.

الفئات بانتظار النتيجة
الإبلاغ عن مشكلة

نماذج النص

أنماط جاهزة

اختبار خط Google غير موجود في القائمة

359+ خطاً

أدخل اسم العائلة الدقيق الظاهر في Google Fonts. يُحمّل الخط من CSS API الرسمية لهذه الجلسة فقط.

كتالوج Google Fonts الرسميopen_in_new

اختبر خطك

تبقى ملفات TTF وOTF وWOFF وWOFF2 داخل المتصفح ولا تُرفع.

الخطوط المطابقة · 359 خطاً

النظام والواجهة · مجموعة الخطوط البديلة: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

Google Fonts - مفتوحة المصدر

النظام والواجهة

خطوط Serif والتحرير

أحادية المسافة والبرمجة

العرض والكتابة اليدوية

خطوط آسيوية ومتعددة اللغات

ضبط دقيق

System UI · 32px · 600 · 1.35

تباين الألوان19.96:1
النص العادي AA · ناجحالنص الكبير AA · ناجح

الخط المحدد

System UI

system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

الخط الواضح يجعل القراءة والعمل أكثر سهولة. Gogotem 12345

عنوان

الخط الواضح يجعل القراءة والعمل أكثر سهولة. Gogotem 12345

نص أساسي

افحص توازن الحروف والمسافات وسهولة القراءة في التسميات القصيرة والجمل الطويلة.

زر وتسمية

جاهز

أرقام

123,456.78 · 2026-06-23 · 09:41

ملاحظات مهمة

تعتمد الحسابات على صيغ قياسية. قد يتم تقريب القيم المعروضة لتسهيل القراءة. تحقق من مصدر رسمي قبل القرارات المهمة.

مساحة النتائج

احفظ هذه النتيجة أو قارنها بنتائج سابقة أو شارك تقريرًا.

verified_user

مصدر الخط وحقوق الاستخدام

خط نظام مثبت على الجهاز

لا توزع الأداة ملف الخط بل تشير إلى اسم عائلة CSS فقط. تعتمد حقوق الاستخدام وإعادة التوزيع على ترخيص نظام التشغيل أو البرنامج.

كتالوج Google Fonts الرسميopen_in_new

معلومات الترخيص إرشاد عملي وليست استشارة قانونية ولا بديلاً عن ترخيص كل خط.

CSS للاستخدام

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 32px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1.35;
color: #16001d;
background-color: #ffffff;

استيراد Google Fonts

هذا خط محلي أو خط نظام ولا يحتاج إلى استيراد Google.

اختيار سريع

  • قارن بين خطين وأربعة خطوط جنباً إلى جنب قبل الاختيار.
  • اختبر العربية واللاتينية والأرقام ونصوص الأزرار معاً.
  • ابدأ للنص الأساسي بحجم 16–18px ووزن 500–700 وارتفاع سطر 1.45–1.65.

قارن الخط العربي في واجهة حقيقية

راجع العناوين والفقرات والأزرار والأرقام والنص المختلط بالإعدادات نفسها. يبقى ملف الخط المحلي في ذاكرة المتصفح ولا يُرفع إلى الخادم.

ملاحظات مهمة

  • اختبر اتصال الحروف والتشكيل في الأحجام الصغيرة والكبيرة.
  • تحقق من تباين WCAG AA بين النص والخلفية.
  • انسخ استيراد خط الويب وCSS الخاص بـ font-family معاً.

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

هل يُرفع ملف الخط المحلي؟expand_more

لا. تُقرأ ملفات TTF وOTF وWOFF وWOFF2 داخل ذاكرة المتصفح فقط.

لماذا تظهر بعض الحروف كمربعات؟expand_more

قد لا يدعم الخط العربية. جرّب Noto Sans Arabic أو Cairo أو Tajawal أو Almarai.