تصفّح دليلاً منسَّقاً لخطوط Google الشائعة مع معاينات مباشرة، صفِّ حسب الفئة وابحث بالاسم، ثم انسخ CSS جاهزاً للصق واستكشف أزواج الخطوط المقترحة — كل ذلك في متصفحك.

الحجم 34px

كل شيء يعمل في متصفحك — تُحمَّل الخطوط من Google Fonts للمعاينة المباشرة فقط، لا يُرفع شيء، لا تسجيل، مجاني تماماً.


حول مزج الخطوط ودليل خطوط Google

يجمّع دليل الخطوط هذا 80 خطًا شائعًا من Google Fonts في صفحة واحدة قابلة للبحث، كل منها معروض كنموذج حي مع سطر عبارة جامعة، سطر أبجدية وأرقام، وشارة فئة. يغطي خمس عائلات خطوط — بلا زوائد، مزخرف، عرض، خط يد ومسافة أحادية — حتى تتمكن من مقارنة أشكال الحروف الحقيقية بدلًا من التخمين من الأسماء.

تتضمن كل بطاقة خط اقتراحات إقران مختارة بعناية: خطوط شريكة تعمل بشكل جيد معًا للعناوين ونص الجسم. النقر على شريحة إقران يفتح معاينة تضبط عنوانًا رئيسيًا بخط واحد وفقرة بالخط الآخر، حتى تحكم على التركيبة في السياق قبل الالتزام بها.

عندما يناسب خط أو إقران، تنسخ نقرة واحدة كود CSS جاهزًا للّصق — سطر @import لملف تنسيق Google Fonts بالإضافة إلى سلسلة font-family المطابقة مع بديل احتياطي معقول. تُحمَّل الخطوط من Google Fonts فقط للمعاينات الحية؛ لا شيء تكتبه يُرفع إلى أي مكان.

كيفية استخدام مزج الخطوط ودليل خطوط Google

  1. تصفّح بطاقات الخطوط، كل منها تعرض اسمها وشارة فئتها ونص عينة حي مضبوط بالخط الفعلي.
  2. استخدم مربع البحث للعثور على خط بالاسم، أو انقر على شريحة فئة (بلا زوائد، مزخرف، عرض، خط يد، مسافة أحادية) لتصفية الشبكة.
  3. اسحب شريط تمرير الحجم (16–72 بكسل) لمعاينة سطر العينة بحجم العنوان أو الجسم المستهدف.
  4. انقر على شريحة "يقترن مع" أو زر "معاينة الإقران" لرؤية عنوان وفقرة جسم مضبوطين بالتركيبة المقترحة.
  5. انقر على زر "CSS" في بطاقة أو في معاينة الإقران لنسخ سطر @import وتصريحات font-family إلى حافظتك.

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

يضم مجموعة مختارة من 80 خطًا واسع الاستخدام من Google Fonts موزّعة على خمس فئات: بلا زوائد، مزخرف، عرض، خط يد ومسافة أحادية. تعرض كل شريحة فئة عددًا حيًا حتى ترى كم خطًا يطابق التصفية الحالية.

يسرد كل خط خطًا شريكًا واحدًا أو اثنين مختارين يدويًا يتباينان جيدًا معه — عادة خط عرض أو مزخرف للعناوين مقترن بخط جسم مقروء. تعرض معاينة الإقران أدوار العنوان والجسم الدقيقة لكل تركيبة.

لخط واحد، تحصل على سطر @import url() لنقطة نهاية css2 من Google Fonts (بوزنين عادي وغامق) بالإضافة إلى سلسلة font-family مع البديل العام الصحيح. للإقران، تحصل على كلا الاستيرادين وتصريحات منفصلة للعناوين والجسم.

نعم، تُحمّل المعاينات الحية أشكال الخطوط من شبكة Google Fonts CDN — وهذا هو الطلب الخارجي الوحيد للصفحة. تبقى عمليات البحث واختيارات التصفية وكود CSS المنسوخ في متصفحك؛ لا شيء يُرفع أو يُخزَّن.

نعم، التصفح ومعاينة الإقرانات ونسخ CSS كلها مجانية دون حاجة لحساب. الخطوط المدرجة هي من Google Fonts، وهي بذاتها مجانية الاستخدام في المشاريع الشخصية والتجارية بموجب تراخيصها المفتوحة.

يمكنك ضبط حجم العينة في أي مكان من 16 إلى 72 بكسل باستخدام شريط تمرير الحجم، الذي يحدّث كل بطاقة في آن واحد. هذا يسهّل مقارنة المرشحين بالحجم الدقيق الذي تخطط لاستخدامه للعناوين أو نص الجسم.

شارك هذا
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.