خطوط عربية إحترافية لمدونات البلوجر

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

قائمة الخطوط

خط نسيم

خط نسيم nassim

كود الخط

<link href='//cdn.rawgit.com/codatey/f/one/fonts/Nassim/font.css' rel='stylesheet' type='text/css'/>

استعمال الخط

font-family:nassim;

خط الجزيرة

خط الجزيرة - aljazeera font

كود الخط

<link href='//cdn.rawgit.com/Modareb/Codatey/secure/fonts/Jscdt.css' rel='stylesheet'/>

استعمال الخط

font-family:jsregular; font-family:jsbold;
حيث يتوفر الخط على شكلين , خط عادي و خط عريض الخط العادي : jsregular الخط العريض : jsbold معاينة الخط من هنا : رابط المعاينة 

خط Neo

خط نيو - neo font

كود الخط

<link type="text/css" href="//cdn.rawgit.com/Modareb/files/master/fonts/neo.css" rel="stylesheet"/>

استعمال الخط

font-family:neo;

خط Atrissi

خط Atrissi

كود الخط

<link type="text/css" href="//cdn.rawgit.com/Modareb/Codatey/secure/fonts/Atrissi.css" rel="stylesheet"/>

استعمال الخط

font-family:Atrissi;

خط MyriadArabic

خط MyriadArabic

كود الخط

<link type="text/css" href="//cdn.rawgit.com/Modareb/Codatey/secure/fonts/MyriadArabic.css" rel="stylesheet"/>

استعمال الخط

font-family : MyriadArabic;

طريقة تركيب الخطوط

طريقة إضافة الخطوط لمدونات بلوجر

نقوم بالدخول إلى المظهر( القالب ) ⇽ تحرير HTML . بواسطة ctrl + f نبحث عن وسم <head> ( يكون في أعلى القالب ) , ثم نضع كود الخط تحته مباشرة كمثال في الصورة التالية 


طريقة تركيب الخطوط
بعدها نقوم بتغيير الخطوط الموجودة بالقالب : أكواد css الخاصة بتغيير شكل الخط هي font-family و font . سنقوم بالبحث في القالب عن هذه الكلمات و نقوم بتغيير محتواها , كمثال هذا الكود 
.post h3 { color: #333333; font-family: Oswald,Arial; font-size: 27px; }

الخط الذي يجب تغييره في هذه الحالة هو Oswald و arial , ليصبح الكود هكذا : 
.post h3 { color: #333333; font-family: neo; font-size: 27px; }

Neo هو إسم الخط  , لذلك غيرنا oswald و arial ل neo , كما هي الحالة لباقي الخطوط , نقوم بتغيير الخط الأصلي بإسم الخط الذي نريد إستعماله , إذا كنت ستستعمل أكثر من خط نقوم بتقسيمها بالفاصلة كـ oswald , neo إذا كنت تعرف إسم الخط المستعمل في مدونتك و تريد تغييره فتوجد طريقة أفضل هي الضغط على ctrl + shift + R في محرر أكواد html في بلوجر و كتابة إسم الخط المستعمل في المدونة ( الخط الذي نريد تغييره ) ثم نضغط على التأكيد , ستظهر لنا مساحة أخرى سنكتب فيها إسم الخط الجديد