السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.
إضافة خطوط عربية أو أجنبية وتكون هذه الخطوط مميزة يساعد بشكل كبير في جذب العين، كما أن إختيار خط جيد لمشاركات موقعك سوف يساعد على قراءة تدويناتك مدونتك بشكل أسهل وممتع .
ولكن يجب أن نأخذ في الاعتبار أن إضافة العديد من الخطوط في الموقع له تأثير سلبي علي سرعة تصفح الموقع ؛ لذا يُنصَح بإضافة خطين فقط أو ثلاثة علي الأكثر .
كيفية تغيير خط المدونة وإضافة خطوط جديدة
ولإضافة الخطوط الي المدونة هناك طريقتين في إستيراد الخط الأولي وهي عن طريق خاصية الـ Font-Face ، والأخري عن طريق خاصية الـ Link .
وقد علمت بأنه لا يوجد فرق بين الطريقتين ولكني أفضل طريقة الـ Link ؛ لأنها أسهل وأسرع .
ولإضافة خط إلى المدونة نقوم بالآتي : أولا أفضل مصدر لإستيراد الخطوط منه هو ؛ خطوط الويب من شركة جوجل أو Google Web Fonts ،والذي يحتوي علي العديد من الخطوط العربية والأجنبية أيضاً.
قم بإختيار خطين أو ثلاثة علي الأكثر من خلال علامة الزائد "+" فوق الخط ، وستظهر نافذة صغيرة في الأسفل بها الخطوط التي إخترتها وبها كود التنسيق بالـ CSS
قُم بنسخ الكود الأول والذي يبدأ بـ Link ؛ وقم بوضع هذا الكود فوق وسم الـ مباشرة . ولكن قُم بإضافة علامة السلاش "/" في آخر الكود وأيضاً قُم بإستبدال علامة الـ "&" بالمقطع ";amp&" ؛ ليصبح الكود بدلاً من :
&display=swap" rel="stylesheet">
إلى
&display=swap" rel="stylesheet"/>
ثانياً قُم بالذهاب الى بلوجر ثم الى المظهر ثم تحرير HTML .
وقم بوضع كود الـ link فوق الوسم التالي مباشرة
وهنا نكون قد إنتهينا تقريباً من إضافة الخط الي مدونة بلوجر ويتبقي فقط تخصيص هذا الخط بلغة الـ CSS عن طريق خاصية الـ font-family .
إذا أردت تغيير خط المقال نفسه قم بالبحث عن "body" في صفحة تعديل الـ HTML وستجد الـ Font-family متبوعا بإسم الخط الذي تريد إزالته وتغييره بالخط الجديد .
فمثلا بدلا من "'Tajawal', sans-serif;" غير ال 'Tajawal', sans-serif; الي اسم الخط الذي قمنا بإستيراده أو بالخط الذي قمت بإختياره.
font-family : 'Tajawal', sans-serif;
تستطيع صفحة تحرير HTML عن طريق الضغط على " CTRL + F " .
لا تنسى طرح رأيك حول هذا المقال في تعليق أسفله مع الإعجاب بصفحتي على الفيس بوك و الإشتراك في قناتي على اليوتيوب وشكرا
الكلمات المفتاحية :
Blogger
BloggerWidgets
Written by you: Technical blogger AMER BACHIR
URL Of Post:
HTML Code Of Post:
0 التعليقات لموضوع "كيفية تغيير خط مدونة بلوجر إلى خطوط جديدة إحترافية كتبها: المدون التقني - الخبير عامر بشير"
ما يلفظ من قول إلا وعليه رقيب
الابتسامات الابتسامات