بسم الله الرحمن الرحيم
أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب مدونته على غرار الخطوط الأجنبيه الجديده التى قدمتها جوجل فى الآونه الأخيره , حيث قدمت لنا جوجل مجموعه كبيره من الخطوط الأجنبيه الجديده والتى تمتاز بشكلها الجميل والمختلف عن الخطوط التى إعتاد المدونون على إستخدامها فى مدوناتهم منذ بداية التدوين مع بلوجر .
جربنا كثيرا كل خط من هذه الخطوط الأجنبيه حتى نجد خطا ملائما للتدوين العربى , ولكننا لم نجد أى منهم يصلح للتدوين باللغه العربيه , ولكن جوجل لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم .
وجوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabitوحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabitوحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
والآن كيف نستخدم هذه الخطوط فى مدوناتنا على بلوجر ؟
تنقسم الخطوات إلى شقيـــــن
الشق الأول:- إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب مدونتك , ثم قم بالبحث عن الكود التالى
وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى
ملحوظه:- عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
الشق الثانى:- تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب
ملحوظه:- عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .
الشق الأول:- إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب مدونتك , ثم قم بالبحث عن الكود التالى
<head>
وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى
ملحوظه:- عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
الشق الثانى:- تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب
ملحوظه:- عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .
font-family: 'Amiri', serif;
font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;
font-family: 'Lateef', serif;
font-family: 'Scheherazade', serif;
font-family: 'Thabit', serif;
وأخيرا يمكنكم الإستعانه بهذه الصفحه , وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط .
اين اضع الكود الثاني -_-
ردحذفاخى عالم المحترف الكود الثانى خاص بتغير اى خط موجود على مدونتك عشان فية مدونات فيها اكثر من نوع خط مثال ان المظهر العام للمدونة بخط وعند الدخول الى موضوع من مواضيع المدونة تراة بخط اخر .
حذفبخصوص الكود التانى هو المقصود بة تغير كل انواع الخطوط اللى فى مدونتك الى خط واحد طريقة الاستخدام قم بالبحث عن الكود التالى {font-family} بعد ذالك قم بتغير نوع الخط الموجود فى مدونتك الى الخط الذى تريدة.
ندعوك للاشتراك فى مدونة انتا الكسبان لكى تحصل على كل ما هو جديد فى المدونة.