يحدد قالب مدونة Blogspot مدونات بلوجر الخطوط التي يستخدمها. يمكن لكل عنصر في القالب استخدام خط مختلف، بالإضافة إلى ألوان وأحجام وأنماط مختلفة للنص. على سبيل المثال، قد ترغب في أن تستخدم في مدونتك الخط Arial للنص العادي بينما تريد إستخدام الخط تجوال Tajawal Font للروابط والعناوين حتى يلاحظها الزوار ومتصفحي موقعك بسهولة أكبر.
في هذا المقال، سأشرح لكم طريقة تغيير خط مدونة بلوجر بشكل كامل والتحكم فيه بحسب الحاجة وسنتعرف على كيفية القيام بذلك في هذا الموضوع وتعلم كيفية تغيير خط مدونات بلوجر لأي خط من خطوط جوجل العربية الرائعة والتي منها الخطوط التالية.
يمكنك أيضا الإستفادة من مقالي السابق حول : كيفية إضافة جدول محتويات تلقائي في مواضيع بلوجر.
أفضل خطوط جوجل Google Fonts العربية للويب
- خط لطيف Lateef
- خط ميراز Mirza
- خط تجوال Tajawal
- خط القاهرة Cairo
- خط الأميري Amiri
- خط المراعي Almarai
- خط Changa
- خط الميسري El Messiri
- خط مدى Mada
- خط Lalezar
- خط Baloo Bhaijaan 2
- خط ليمونادا Lemonada
- خط Readex Pro
- خط Harmattan
- خط ريم الكوفي Reem Kufi
- خط عارف الرقعة Aref Ruqaa
- خط Katibeh
- خط ركاز Rakkas
- خط جمهورية Jomhuria
- خط شهرزاد Scheherazade
- خط IBM Plex Sans Arabic
- خط نوتو النسخ Noto Naskh Arabic
- خط نوتو الكوفي Noto Kufi Arabic
- خط 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 احترافي مجاني بدون حقوق.
طريقة تغيير الخطوط في مدونات بلوجر
لتغيير خط مدونتك في بلوجر بشكل كامل بأي خط من خطوط جوجل السابقة، قم بعمل الآتي:
- من لوحة التحكم في مدونتك قم بالنقر على تخطيط ثم تحرير HTML
- إضغط Ctrl+F من لوحة المفاتيح بعد النقر في أي مكان وسط القالب للبحث في كود قالب مدونتك، ثم قم بالبحث عن </head>
- فوقه مباشرة أضف الكود التالي:
<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;}
إقرأ أيضا: كيفية حماية مدونات بلوجر و ووردبرس ومنع سرقة المقالات ونسخ المحتوى
وهكذا، نكون قد وصلنا إلى النهاية وعرفنا كيفية تغيير خط مدونات بلوجر لأي خط من خطوط جوجل.
في الأخير، إذا واجهتك أي مشاكل أو صعوبات أو أخطآء خلال تطبيق هذا الشرح، لا تتردد بالاستفسار وطرح مشكلتك في التعليقات أدناه، وسأحرص على مساعدتك والرد عليك في أسرع وقت إن شاء الله.
اترك تعليقك