معاينة خطوط Google Fonts مع تخصيص الحجم والسمك والتباعد، ومقارنة الخطوط جنباً إلى جنب
أدوات المطورين
حول هذه الأداة
يمكن لمعاين الخطوط معاينة ومقارنة أكثر من 50 خطاً من Google Fonts، مع تحكم كامل في الحجم والسمك والنمط والتباعد واللون. يوفر ثلاثة أوضاع عرض — معاينة، نموذج الحروف، ومقارنة — ويُنشئ كود CSS جاهز للاستخدام مع دعم النسخ بنقرة واحدة.
الميزات الرئيسية
- أكثر من 50 خطاً شائعاً من Google Fonts مع دعم البحث والتصفية
- ثلاثة أوضاع عرض: معاينة، نموذج الحروف، ومقارنة
- تحكم كامل في الطباعة: الحجم، السمك (100–900)، النمط، تباعد الحروف، ارتفاع السطر
- تخصيص لون النص والخلفية مع دعم إدخال hexadecimal
- نص معاينة قابل للتعديل لاختبار التأثير في الوقت الفعلي
- مخرج CSS يُنسخ إلى الحافظة بنقرة واحدة
حالات الاستخدام
- اختيار خط Google Font المناسب لمشروع تصميم الويب
- مقارنة خطين جنباً إلى جنب قبل اتخاذ القرار
- إنشاء إعلانات CSS للخطوط لاستخدامها في أوراق الأنماط
- اختبار قابلية قراءة الخطوط بأحجام وسمك مختلفين
- تصفح مجموعة الأحرف الكاملة للخط عبر عرض نموذج الحروف
fonts
google-fonts
typography
الأسئلة الشائعة
ما الخطوط المتاحة في معاين الخطوط؟
تتضمن الأداة أكثر من 50 خطاً شائعاً من Google Fonts مثل Roboto و Inter و Poppins و Playfair Display و Montserrat وغيرها. يمكنك البحث وتصفية قائمة الخطوط للعثور على الخط المثالي.
هل يمكن مقارنة خطين جنباً إلى جنب؟
نعم، تتيح علامة تبويب المقارنة عرض خطين جنباً إلى جنب، لكل منهما تحكم مستقل في الحجم والسمك، مما يسهل الاختيار بين الخطوط المتشابهة.
كيف أحصل على كود CSS للخط؟
تعرض علامة تبويب المعاينة إعلان CSS الكامل للإعدادات الحالية، وانقر على زر «نسخ CSS» لنسخه فوراً إلى الحافظة.
هل يمكن استخدام معاين الخطوط دون اتصال بالإنترنت؟
تعمل الأداة نفسها في المتصفح، لكن خطوط Google Fonts تُحمَّل من CDN، لذا يلزم اتصال بالإنترنت لعرض الخطوط.
هل يمكن تخصيص نص المعاينة؟
نعم، منطقة المعاينة قابلة للتعديل — انقر عليها لإدخال النص الخاص بك ومشاهدة تأثيره بالخط المحدد.