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

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

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

قائمة الخطوط

خط نسيم

خط نسيم 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 في بلوجر و كتابة إسم الخط المستعمل في المدونة ( الخط الذي نريد تغييره ) ثم نضغط على التأكيد , ستظهر لنا مساحة أخرى سنكتب فيها إسم الخط الجديد .
تعليقات
تعمل بصوة عجيبة، فابتسامة واحدة ودودة لطيفة من صديق طيب في يوم أسود، غيرت مسار حياتي.
لو سمحت ما اسم الخط المستخدم حاليا في الموقع
الخط المستعمل اسمه Myriad Arabic

مساحة التعليقات مغلقة , لا يمكنك إضافة تعليقات جديدة