كيفية تغير خط المدونه بالكامل أو جزء منها Google Fonts

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

فى وجهة نظرى المتواضعه أجد أن خط أى موقع أو مدونه له عامل كبير فى بقاء الزوار وقتاً أطول فى قرءاة محتوى الموقع ووجهة نظرى هذه أبنيها على أنه لو كان الخط غير مريح للنظر أو حجم الخط صغير فـ إن الزائر لن يبقى طويلاً ومن الممكن أن يترك الصفحة التى بحث عنها فى محركات البحث دون قرائتها ويرجع ذلك لـ نفس الأسباب التى ذكرتها.

ما هو أفضل خط يمكننى إستخدامه؟؟
لا أعترف بـ هذا السؤال حيث أن الخطوط هى أذواق كـ الطعام مثلاً فـ هناك من يحب طعاماً معيناً ويتمنى أن يأكل منه طيلة الوقت وهناك شخص أخر لا يحب نفس الطعام ولا يرغب فى أكله بتاتاً ، فـ هكذا الحال فى عملية الخطوط هناك من يرتاح لـ خط بعينه وهناك من يرتاح لـ نوع أخر من الخطوط ولحل هذا الأمر أنصحك بـ الدخول إلى موقع Google Fonts وهو الموقع الرسمى من شركة جوجل العملاقه التى لم تترك شيئاً إلا ووضعت لها الحل وبـ التالى قم بـ تصفح كمية الخطوط المهوله على هذا الموقع وأختر ما شئت.

يمكنك الدخول إلى موقع جوجل الخاص بـ الخطوط Google Fonts من هنا:

بعد زيارة الموقع وتحديد الخط الذى يناسبك قم بـ الضغط على رمز + الموجوده بـ جوار الخط وهذا الرمز يشير إلى إحتيار الخط ووضعه فى مفضلتك ومن ثم تجد ظهور شريط أسفل الصفحة بـ الخط الذى قومت بـ إختياره.

قم بـ الضغط على هذا الشريط حيث تظهر أمامك نافذه منبثقه بها تبويبين:
التبويب الأول: خاص بـ كيفية تركيب الخط وكود الـ CSS الخاص بـ إستدعاء الخط.

التبويب الثانى: خاص بـ عملية تخصيص الخط وهذا الأمر لا أفضله حيث أنه من المفضل إستخدام الخط بدون تخصيص وإن أردت تخصيص الخط بـ شكل معين قم بـ فعل ذلك عن طريق أكواد الـ CSS الخاصه بـ قالبك.

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

بينما الكود الثانى فى الصوره هو كود الـ CSS الخاص بـ إستدعاء الخط.

لـ فهم الموضوع أكثر أنصحك بـ مشاهدة الفيديو أسفل المقاله.