.png)
كيفية إضافة جوجل الخطوط إلى مدون
تقدم Google خدمة الخطوط المجانية المعروفة باسم Google Fonts (المعروفة سابقًا باسم خطوط الويب من Google). هناك 707 عائلة خط في المجموعة الآن.
إذا كنت تريد تثبيت خطوط مخصصة في Blogger ، فإن دليل Google Fonts هو أفضل مكان لبدء البحث عن الخطوط المخصصة. قد تجد الخطوط المخصصة التي تريدها من مجموعة خطوط Google.
نحن نعلم أن المدون لديه بالفعل الكثير من خطوط Google ويمكن تكوينه في مصمم نماذج Blogger.
اتبع الخطوات أدناه لاستخدام خطوط Google في Blogger.
- انتقل إلى القالب> تخصيص> متقدم
- من هناك ، يمكنك تحديد وتطبيق خطوط Google المتوفرة بالفعل على Blogger لأجزاء مختلفة من مدونتك.
إذا لم تعثر على الخط المطلوب في Blogger ، فيمكنك إضافة خطوط إلى Blogger يدويًا. هيا بنا نبدأ.
أضف Google Fonts إلى Blogger
خطوات
- انتقل إلى صفحة Google Fonts .
- اختر الخيارات على الجانب الأيسر للبحث عن الخطوط وتنظيمها وتصفيةها حسب احتياجك.يمكنك معاينة الخطوط بأحجام مختلفة لجميع الخطوط.
- بمجرد العثور على الخط المطلوب (على سبيل المثال ، لقد اخترت خط lato) ، انقر فوق رمز "الاستخدام السريع".
- في الصفحة التالية ، اختر الأنماط ومجموعة الأحرف للخط.
- أيضا ، يمكنك أن ترى متر على الجانب الأيمن من الشاشة. يخبرك المقياس بتأثير الخط في وقت تحميل الصفحة.
- الآن ، تحت القسم القياسي ، يمكنك العثور على سطر من الرموز مثل هذا
- انسخ الكود.
- سجِّل الدخول إلى حسابك في Blogger.
- انتقل إلى قالب> تحرير HTML
- قبل إجراء أي تغييرات في نموذج المدون ، فإنني أوصيك بأخذ نسخة احتياطية من نموذج المدون الخاص بك .
- ابحث عن العلامة <head>. الصق الكود تحت العلامة <head>.
- في Blogger ، يجب إضافة شرطة مائلة إلى نهاية الشفرة (اليمين قبل قوس الزوايا) مثل هذا
- إذا لم تضف الخط المائل المتحرك ، فسيؤدي ذلك إلى حدوث خطأ. انقر على زر "حفظ القالب".
هذا كل شيء ، لقد أضفت Google Fonts إلى Blogger.
الخطوة التالية هي استخدام Google Fonts في Blogger.
- قم بالتمرير لأسفل صفحة خطوط Google. يمكنك رؤية قسم مثل هذا
- انسخ الكود. هذا الرمز هو رمز عائلة الخط الذي تم إنشاؤه للخط الخاص بك.
إذا كنت تريد استخدام Google Font للصفحة الكاملة ، فأضف الشفرة التالية
.post-body {
font-family: 'Lato'، sans-serif؛ }
يمكنك استخدام الخط فقط لأجزاء من مدونتك. على سبيل المثال ، إذا كنت تريد تغيير خط رأس المدونة في Blogger ، فأضف هذا الرمز
.Header h1 {
font-family: 'Lato'، sans-serif؛ }
يمكنك إضافة الشفرة الواردة أعلاه في القالب> تخصيص> متقدم> إضافة CSS
بدلاً من ذلك ، يمكنك أيضًا إضافة الشفرة في محدد CSS للقالب. احفظ القالب. الآن ، ستظهر Google Fonts في مدونتك.
يمكنك استخدام نفس الأسلوب لتطبيق الخطوط على أجزاء مختلفة من المدونة.
آمل أن تكون المعلومات الواردة في هذا المنشور مفيدة لك. إذا وجدت المعلومات في هذه المشاركة مفيدة ، شارك هذه المشاركة مع أصدقائك.
المشاركات
ليست هناك تعليقات:
إرسال تعليق