طريقة إضافة خطوط عربية لمدونة بلوجر ؛ تغيير خطوط المقال والمدونة، خطوط الويب Arabic fonts Blogger ،مبتكر |مبتكر

طريقة إضافة خطوط عربية لمدونة بلوجر ؛ تغيير خطوط المقال والمدونة، خطوط الويب Arabic fonts Blogger ،مبتكر

سأعرض في هذة التدوينة كيف تقوم بإضافة خطوط عربية الي قالب بلوجر أو الي مدونتك ؟ وكيف تقوم بإستخدام هذا الخط داخل المدونة ؟ وكيف تقوم بتغيير خط مقالاتك أو موضوعاتك علي بلوجر Blogger ؟ 

طريقة إضافة خطوط عربية لمدونة بلوجر ؛ تغيير خطوط المقال والمدونة، خطوط الويب Arabic fonts Blogger ،مبتكر

إضافة خطوط عربية أو أجنبية وتكون هذه الخطوط مميزة يساعد بشكل كبير في إظهار هوية الموقع وجذب العين ،كما أنه اختيار خط جيد لمقالاتك سيساعد علي قراءة مقالاتك أو تدويناتك بشكل أسهل وممتع .
ولكن يجب أن نأخذ في الاعتبار أن إضافة العديد من الخطوط في الموقع له تأثير سلبي علي سرعة تصفح الموقع ؛ لذا يُنصَح بإضافة خطين فقط أو ثلاثة علي الأكثر . 
وكما تلاحظون في الموقع أنا أستخدم خطين ، خط للمقال والأمور العادية والخط الآخر للعناوين . 


ولإضافة الخطوط الي المدونة هناك طريقتين في إستيراد الخط الأولي وهي عن طريق خاصية الـ Font-Face ، والأخري عن طريق خاصية الـ Link . 
وقد علمت بأنه لا يوجد فرق بين الطريقتين ولكني أفضل طريقة الـ Link ؛ لأنها أسهل وأسرع . 
ولإضافة خط الي المدونة نقوم بالآتي : 
أولا أفضل مصدر لإستيراد الخطوط منه هو ؛ خطوط الويب من شركة جوجل أو Google Web Fonts ،والذي يحتوي علي العديد من الخطوط العربية والأجنبية أيضاً .
يمكنك مشاهدة الشرح الكامل لـ SEO لمدونات بلوجر من هنـــــــا


قم بإختيار خطين أو ثلاثة علي الأكثر من خلال علامة الزائد "+" فوق الخط . 
ولتتعرف علي قائمة من أفضل خطوط الويب العربية التي يمكنك إستخدامها في مدونة بلوجر إضغط هنا.
وستظهر نافذة صغيرة في الأسفل بها الخطوط التي إخترتها وبها كود التنسيق بالـ CSS 
 قُم بنسخ الكود الأول والذي يبدأ بـ Link ؛ وقم بوضع هذا الكود فوق وسم الـ <b:skin> مباشرة . 
ولكن قُم بإضافة علامة السلاش "/" في آخر الكود وأيضاً قُم بإستبدال علامة الـ "&" بالمقطع ";amp&" ؛ ليصبح الكود بدلاً من : 
<link href="https://fonts.googleapis.com/css?family=Cairo|Tajawal&display=swap" rel="stylesheet"  >
إلي 
<link href="https://fonts.googleapis.com/css?family=Cairo|Tajawal&amp;display=swap" rel="stylesheet"   />
ثانياً قُم بالذهاب الي بلوجر ثم الي Theme وأخير Edit HTML . 

وضع كود الـ link فوق وسم  الـ <b:skin> مباشرة . 
وهنا نكون قد إنتهينا تقريباً من إضافة الخط الي مدونة بلوجر ويتبقي فقط تخصيص هذا الخط بلغة الـ CSS عن طريق خاصية الـ font-family . 
إذا أردت تغيير خط المقال نفسه قم بالبحث عن "body" في صفحة تعديل الـ HTML وستجد الـ Font-family  متبوعا بإسم الخط الذي تريد إزالته وتغييره بالخط الجديد . 
فمثلا بدلا من ";font-family:sky" غير ال sky الي اسم الخط الذي قمنا بإستيراده ";font-family:Tajawal" . 

تقدر تبحث وانت في صفحة EDIT HTML عن طريق الضغط علي " CTRL + F " . 


وشــــــــكراً 

موقع ومدونة مبتكر 

هذه التدوينة تنتمي الي تصنيف :

عن الكاتب :

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

ليست هناك تعليقات

إرسال تعليق

الاسم

بريد إلكتروني*

رسالة*