![]() |
تغيير نوع الخط على بلوجر. خطوط إحترافية، جذابة و أنيقة |
خطوط عربية أنيقة، جذابة و آحترافية.
موضوع تدوينة اليوم هو عن كيفية تغيير نوع الخط على مدونات بلوجر. سنتعرف على طريقة إظافة خطوط جميلة تناسب المدونات العربية. و ترضي جميع الأذواق. و سهلة الإستعمال.
سنقوم بإستخدام موقع google fonts الذي يوفر العديد من انواع الخطوط و بالعربية و إستعماله سهل و بسيط. فبعد زيارة الموقع https://fonts.google.com. عليك إتباع الخطوات التالية.
- إختيار اللغة العربية في قائمة اللغات.
![]() |
كيفية إختيار اللغة العربية. |
- إختيار الخط المناسب.
موقع google fonts يوفر لنا العديد من أنواع الخطوط الإحترافية. ما عليك إلا إختيار نوع الخط الذي يناسب مدونتك و ذلك بالنقر على الزر + . أنا قمت بآختيار الخط Cairo. و يمكنك إختيار العديد من الخطوط إن شأت.
![]() |
خط cairo |
أسفل الصفحة نجد قائمة الخطوط المختارة.
![]() |
قائمة الخطوط المختارة |
وهذه المرة ننقر على الزر ↷ الذي سيحولنا الى صفحة كود html الخاصة بهذا الخط.
![]() |
صفحة كود html الخاصة بالخط المختار |
ملاحضة: يجب إضافة الرمز / قبل الرمز < في نهاية الكود كما يلي:
<link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet"/>
- نسخ الكود في صفحة html الخاصة بالمدونة.
علينا القيام بنسخ الكود الخاص بنوع الخط و إظافته إلى كود html الخاص بمدونتنا بعد الوسم <head> . وذلك بالتوجه إلى القائمة المظهر و تعديل كود html كما هو موظح في الصورة.
![]() |
تعديل كود html |
![]() |
اظافة كود html الخاص بنوع الخط |
الخطوة الأخيرة هي:
- إظافة كود css لتغيير نوع الخط.
هنا سنقوم بتعديل نوع خط الصفحة بكاملها أو body. نتوجه إلى الموديل أو القالب و هذه المرة ننقر على تخصيص.
![]() |
تخصيص المظهر |
بعدها ننقر على متقدم تم إظافة css.
![]() |
إظافة css |
وفي النهاية ننسخ كود css المتواجد على google fonts في الخانة البيظاء و نلصقه مباشرة بعد الوسم body بين الرمزين { } كالتالي:
body { font-family: 'cairo' , sans-serif; }
بإتباعنا لهذه الخطوات السهلة ستتمكن من تغيير نوع خط مدونتك بسهولة إلى خطوط جميلة تزيد من جاذبية موقعك و إحترافيته. و هي خطوط سريعة التحميل لن تؤتر على سرعة مدونتك.
و سأتطرق إنشاء الله في مقالات أخرى إلى كيفية تغيير نوع خط عنوان المدونة و العناوين الأخرى.
0 تعليقات