طريقة تغيير الخطوط لمدونة بلوجر تغيير خطوط المقال والمدونة
وجودك الأن تعنى بأن لديك مدونة وتريد ان تغير الخط الموجود بها الى خط ممبز
والكثير منا يد خل مدونات اخرى ونرى انهم يمتلكون خطوط جذابه وجميله
ونتمنى لو اننا نمتلك مثل هذه الخطوط سأعرض في هذة التدوينة كيف تقوم
بإضافة خطوط عربية الي قالب بلوجر أو الي مدونتك
 |
| طريقة تغيير الخطوط لمدونة بلوجر تغيير خطوط المقال والمدونة |
يساعد الخط بشكل كبير في إظهار هوية الموقع وجذب العين ،كما أنه اختيار خط جيد
لمقالاتك سيساعد علي قراءة مقالاتك أو تدويناتك بشكل أسهل وممتع
كيف تقوم بإستخدام هذا الخط داخل المدونة 🙄 وكيف تقوم بتغيير خط مقالاتك
أو موضوعاتك علي بلوجر Blogger
لذلك اليوم سوف اضع لكم اكواد خطوط جميله جدا تتناسب مع مدونتكم وسنتعلم
سويا كيفية تركيبها على المدونهبطريقه بسيطه وسهله تابعونا
ولكن يجب أن نأخذ في الاعتبار أن إضافة العديد من الخطوط في الموقع
له تأثير سلبي علي سرعة تصفح الموقع لذا يُنصَح بإضافة خطين فقط أو ثلاثة علي الأكثر
طريقة تغيير خطوط المدونة
أفضل مصدر لإستيراد الخطوط منه هو ؛ خطوط الويب من شركة جوجل أووالذي يحتوي علي العديد من الخطوط العربية والأجنبية أيضاً
قم بإختيار خطين أو ثلاثة علي الأكثر من خلال علامة الزائد "+" فوق الخط .
وستظهر نافذة صغيرة في الأسفل بها الخطوط التي إخترتها وبها كود التنسيق بالـ CSS
قُم بنسخ الكود الأول والذي يبدأ بـ Link ؛ وقم بوضع هذا الكود اسفل الوسم <head>
ولكن قُم بإضافة علامة السلاش "/" في آخر الكود وأيضاً قُم بإستبدال
علامة الـ "&" بالمقطع ";amp&" ؛ ليصبح الكود بدلاً من :
الى
فمثلا بدلا من ";font-family:sky" غير ال sky الي اسم الخط الذي قمنا بإستيراده ";font-family:Tajawal" . تقدر تبحث وانت في صفحة EDIT HTML عن طريق الضغط علي ctrl + f
<link href="https://fonts.googleapis.com/css?family=Cairo|Tajawal&display=swap" rel="stylesheet" >
الى
<link href="https://fonts.googleapis.com/css?family=Cairo|Tajawal&display=swap" rel="stylesheet"/>
وهنا نكون قد إنتهينا تقريباً من إضافة الخط الي مدونة بلوجر ويتبقي فقط تخصيص
هذا الخط بلغة الـ CSS عن طريق خاصية الـ font-family
إذا أردت تغيير خط المقال نفسه قم بالبحث عن "body"
في صفحة تعديل الـ HTML وستجد الـ Font-familyمتبوعا بإسم الخط
الذي تريد إزالته وتغييره بالخط الجديد
فمثلا بدلا من ";font-family:sky" غير ال sky الي اسم الخط الذي قمنا بإستيراده ";font-family:Tajawal" . تقدر تبحث وانت في صفحة EDIT HTML عن طريق الضغط علي ctrl + f
تعليقات
إرسال تعليق