بواسطة/

أداة فورية لاختبار خطوط جوجل

تتيح لك هذه الأداة اختبار خطوط جوجل بكلماتك أنت. غيّر السماكة والحجم وتباعد الأحرف وارتفاع السطر، واجعل الكلمات التي تريد تجربة مزج الخط القائم والمائل عليها فقط مائلة، ثم انسخ كود التضمين الجاهز للاستخدام.
  • أكثر من 1,900 خط من Google Fonts
  • مزج الخط القائم والمائل
  • تحكم مباشر في الحجم والتباعد
  • كود تضمين HTML وCSS
تم التحديث في 31 أكتوبر 2026 · بواسطة Identity Design
أداة فورية لاختبار خطوط جوجل
💡 استخدم مفتاحي السهم لأعلى/لأسفل (↑/↓) للتبديل بين الخطوط بسرعة
نص حكيم له سر قاطع وذو شأن عظيم مكتوب على ثوب أخضر ومغلف بجلد أزرق.
The quick brown fox jumps over the lazy dog.
0123456789 !@#$%^&*()
أكواد الدمج
HTML <link> (أضفه إلى <head>)
CSS @import
قواعد CSS



كيفية اختبار خطوط جوجل
اعثر على الخط والنمط المناسبين في أقل من دقيقة.
  1. اختر خطًا
    صفِّ الخطوط حسب الفئة، ثم تنقّل بينها بمفتاحي السهم لأعلى ولأسفل. اضبط السماكة والحجم والتباعد وارتفاع السطر.
  2. امزج الخط المائل
    اكتب نصك الخاص، وحدّد الكلمات التي تريد إبرازها واضغط Ctrl+I أو Cmd+I. ويمكنك اختيار سماكة مختلفة للخط المائل إن أردت.
  3. انسخ الكود
    انسخ رابط HTML أو @import في CSS أو قواعد CSS. تُضمَّن أنماط الخط المائل تلقائيًا عند استخدامها.
ما مزج الخط القائم والمائل؟
الخط القائم (Roman) هو النسخة المعتدلة من الخط، والمائل (Italic) هو شريكه المنحني الذي يكون غالبًا أكثر تعبيرًا. ويُعد مزج الاثنين في سطر واحد، كما في The art of slow living، حيلة مفضلة في عناوين المجلات والشعارات ودعوات الزفاف ومواقع العلامات التجارية الحديثة.
يعتمد التأثير على طريقة رسم الشكل المائل للخط، لذا من المفيد اختباره قبل أن تقرر. تتيح لك هذه الأداة جعل أي كلمة أو حرف مائلًا ورؤية النتيجة فورًا في كل خطوط جوجل.
نصائح لمزج الخط القائم والمائل
  • اختر خطًا مائلًا حقيقيًا: خطوط مثل Playfair Display وCormorant Garamond وFraunces وDM Sans لها أشكال مائلة حقيقية
  • اجعله قصيرًا: اجعل من كلمة إلى ثلاث كلمات فقط مائلة للتأكيد
  • العب بالسماكة: وضع خط مائل رفيع بجانب خط قائم عريض يضيف تباينًا
  • قلّص تباعد النصوص الكبيرة: جرّب تباعد أحرف سالبًا في العناوين الكبيرة
لماذا تستخدم أداة اختبار الخطوط هذه؟
صُممت للمصممين والمطورين وكل من يختار خطًا لموقع ويب أو علامة تجارية.
كل خطوط جوجل
تصفّح مكتبة Google Fonts كاملة حسب الفئة دون مغادرة الصفحة.
خط مائل جزئي
اجعل أي كلمة أو حرف مائلًا، وحدّد سماكة منفصلة للخط المائل لتجربة المزج.
تحكم مباشر
اضبط السماكة والحجم وتباعد الأحرف وارتفاع السطر، وشاهد التغييرات أثناء الكتابة.
كود جاهز للنسخ
احصل على رابط HTML و@import في CSS وقواعد CSS لما عاينته بالضبط.
الأسئلة الشائعة



هل أداة اختبار خطوط جوجل هذه مجانية؟
نعم. إنها مجانية ولا تتطلب التسجيل. تعمل الأداة في متصفحك وتحمّل الخطوط مباشرة من Google Fonts، لذا لا يُرسل أي شيء تكتبه إلى خادمنا.





كيف أجعل جزءًا فقط من النص مائلًا؟
انقر داخل المعاينة، وحدّد الكلمات التي تريد إمالتها، ثم انقر على زر مائل أو اضغط Ctrl+I (أو Cmd+I على Mac). كرّر ذلك لأي عدد من الكلمات. حدّد الكلمات المائلة واضغط مرة أخرى لإعادتها إلى الخط القائم، أو انقر على مسح الخط المائل لإعادة ضبط كل شيء.





هل يمكن أن تكون للكلمات المائلة سماكة مختلفة عن النص القائم؟
نعم. استخدم قائمة سماكة المائل لاختيار خط مائل أخف أو أثقل، مثل خط مائل Regular 400 داخل عنوان قائم Bold 700. ويتم تحديث كود التضمين ليتم تحميل السماكتين من Google Fonts.





ما الفرق بين الخط المائل الحقيقي والمائل الزائف؟
الخط المائل الحقيقي مجموعة منفصلة من الحروف رسمها مصمم الخط، وغالبًا بأشكال مختلفة، مثل حرف a بطابق واحد. أما المائل الزائف فهو حروف الخط القائم التي يميلها المتصفح عندما لا يحتوي الخط على شكل مائل. وتخبرك الشارة بجانب زر مائل بأيهما تشاهد.





هل يتضمن كود التضمين أنماط الخط المائل؟
نعم. عندما تحتوي المعاينة على كلمات مائلة ويملك الخط شكلًا مائلًا حقيقيًا، يطلب رابط HTML و@import في CSS النمطين القائم والمائل معًا، وتتضمن قواعد CSS نمط em بسماكة الخط المائل. ضع الكلمات المائلة في موقعك داخل وسوم <em>.





هل يمكنني معاينة نصي الخاص؟
نعم. انقر على المعاينة واكتب أو الصق أي شيء: عنوانًا أو اسم علامتك التجارية أو فقرة كاملة. يُلصق النص كنص عادي، فيأخذ الخط الذي تختبره.





كيف أنتقل بين الخطوط بسرعة؟
استخدم مفتاحي السهم لأعلى ولأسفل للتنقل في قائمة الخطوط عندما لا تكتب في المعاينة. ضيّق القائمة أولًا من قائمة الفئة، مثل «بزوائد (Serif)» أو «عرض (Display)».





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


مزيد من الأدوات المجانية
محولات صور ومولدات وأدوات SEO للمصممين والمطورين.

تصفّح كل الأدوات