شرح كيفية تغيير خط قالب مدونة بلوجر لأي خط من خطوط جوجل بكل سهولة

شرح مفصل لكيفية تغيير خط مدونات بلوجر لأي خط من خطوط جوجل ومعرفة كيفية تغيير خطوط قوالب بلوجر بكل سهولة بأفضل خطوط عربية للويب.
كيفية تغيير خط مدونات بلوجر لأي خط من خطوط جوجل

يحدد قالب مدونة Blogspot مدونات بلوجر الخطوط التي يستخدمها. يمكن لكل عنصر في القالب استخدام خط مختلف، بالإضافة إلى ألوان وأحجام وأنماط مختلفة للنص. على سبيل المثال، قد ترغب في أن تستخدم في مدونتك الخط Arial للنص العادي بينما تريد إستخدام الخط تجوال Tajawal Font للروابط والعناوين حتى يلاحظها الزوار ومتصفحي موقعك بسهولة أكبر.

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

يمكنك أيضا الإستفادة من مقالي السابق حول : كيفية إضافة جدول محتويات تلقائي في مواضيع بلوجر.

أفضل خطوط جوجل Google Fonts العربية للويب

  1. خط لطيف Lateef
  2. خط ميراز Mirza
  3. خط تجوال Tajawal
  4. خط القاهرة Cairo
  5. خط الأميري Amiri
  6. خط المراعي Almarai
  7. خط Changa
  8. خط الميسري El Messiri
  9. خط مدى Mada
  10. خط Lalezar
  11. خط Baloo Bhaijaan 2
  12. خط ليمونادا Lemonada
  13. خط Readex Pro
  14. خط Harmattan
  15. خط ريم الكوفي Reem Kufi
  16. خط عارف الرقعة Aref Ruqaa
  17. خط Katibeh
  18. خط ركاز Rakkas
  19. خط جمهورية Jomhuria
  20. خط شهرزاد Scheherazade
  21. خط IBM Plex Sans Arabic
  22. خط نوتو النسخ Noto Naskh Arabic
  23. خط نوتو الكوفي Noto Kufi Arabic
  24. خط Noto Sans Arabic

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

يمكنك أيضا الإستفادة من مقالي السابق حول : كيفية إظهار نبذة عن الكاتب أسفل مواضيع بلوجر | كيفية تحرير ملف الكاتب وصورته الرمزية في بلوجر.


قائمة أسماء وعلامات الخطوط العربية أعلاه في CSS

تجدون أدناه، قائمة بأسماء الخطوط العربية أعلاه أكواد CSS والتي من خلالها بإمكانكم تغيير خطوط مدونتاتكم بكل سهولة وهو ما سنتعرف على كيفية إستخدام الأكواد التالية في قوالب مدونات بلوجر في الخطوات التالية:

  font-family: 'Lateef', cursive;
  font-family: 'Mirza', cursive;
  font-family: 'Tajawal', sans-serif;
  font-family: 'Cairo', sans-serif;
  font-family: 'Amiri', serif;
  font-family: 'Almarai', sans-serif;
  font-family: 'Changa', sans-serif;
  font-family: 'El Messiri', sans-serif;
  font-family: 'Mada', sans-serif;
  font-family: 'Lalezar', cursive;
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-family: 'Lemonada', cursive;
  font-family: 'Readex Pro', sans-serif;
  font-family: 'Reem Kufi', sans-serif;
  font-family: 'Aref Ruqaa', serif;
  font-family: 'Scheherazade New', serif;
  font-family: 'Jomhuria', cursive;
  font-family: 'Rakkas', cursive;
  font-family: 'Harmattan', sans-serif;
  font-family: 'Katibeh', cursive;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-family: 'Noto Naskh Arabic', serif;
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-family: 'Noto Sans Arabic', sans-serif;>

إقرأ أيضا: أفضل قالب بلوجر Bootstrap احترافي مجاني بدون حقوق.

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

لتغيير خط مدونتك في بلوجر بشكل كامل بأي خط من خطوط جوجل السابقة، قم بعمل الآتي:

  1. من لوحة التحكم في مدونتك قم بالنقر على تخطيط ثم تحرير HTML
  2. إضغط Ctrl+F من لوحة المفاتيح بعد النقر في أي مكان وسط القالب للبحث في كود قالب مدونتك، ثم قم بالبحث عن </head>
  3. فوقه مباشرة أضف الكود التالي:
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Aref+Ruqaa:wght@400;700&family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&family=Cairo:wght@200;300;400;500;600;700;800;900&family=Changa:wght@200;300;400;500;600;700;800&family=El+Messiri:wght@400;500;600;700&family=Harmattan:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&family=Jomhuria&family=Katibeh&family=Lalezar&family=Lateef&family=Lemonada:wght@300;400;500;600;700&family=Mada:wght@200;300;400;500;600;700;900&family=Mirza:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@100;200;300;400;500;600;700;800;900&family=Rakkas&family=Readex+Pro:wght@200;300;400;500;600;700&family=Reem+Kufi:wght@400;500;600;700&family=Scheherazade+New:wght@400;700&family=Tajawal:wght@200;300;500;700;800;900&display=swap" rel="stylesheet">

إقرأ أيضا: كيفية إضافة زر الإشتراك في قناة يوتيوب داخل موقعك أو مدونتك.

وبهذا نكون قد قمنا بتنصيب الخطوط في قالب المدونة، الآن ولتغيير خط مدونتك في بلوجر ما عليه سوى إضافة الكود التالي داخل كود ستايل مدونتك والضغط على زر الحفظ. أي بعد <b:skin><![CDATA[او قبل كود الإغلاق </b:skin> .

*{ font-family: إسم الخط هنا !important;}

على سبيل المثال، لو أردت تغيير خط مدونتك إلى خط تجوال Tajawal، قم بإضافة الكود التالي:

*{ font-family:'Tajawal', sans-serif!important;}

إقرأ أيضا: كيفية حماية مدونات بلوجر و ووردبرس ومنع سرقة المقالات ونسخ المحتوى

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

في الأخير، إذا واجهتك أي مشاكل أو صعوبات أو أخطآء خلال تطبيق هذا الشرح، لا تتردد بالاستفسار وطرح مشكلتك في التعليقات أدناه، وسأحرص على مساعدتك والرد عليك في أسرع وقت إن شاء الله.
تعليقات
تعليق واحد
إرسال تعليق
  • abeer
    abeer 4/22/2022


    جلوبال كودينج تكنولوجى تعد من الشركات العصرية فى تقديم حلول وتكنولوجيا متقدمة و اقتصادية فى مجال طباعه البيانات

    https://www.globalcodingtech.com

    إرسال ردحذف



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -