linnou
11-01-2013, بتوقيت غرينيتش 08:15 AM
أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب template مدونته على غرار الخطوط الأجنبيه الجديده التى قدمتها جوجل GOOGLE فى الآونه الأخيره , حيث قدمت لنا جوجل GOOGLE مجموعه كبيره من الخطوط الأجنبيه الجديده والتى تمتاز بشكلها الجميل والمختلف عن الخطوط التى إعتاد المدونون على إستخدامها فى مدوناتهم منذ بداية التدوين مع بلوجر .
جربنا كثيرا كل خط من هذه الخطوط الأجنبيه حتى نجد خطا ملائما للتدوين العربى , ولكننا لم نجد أى منهم يصلح للتدوين باللغه العربيه , ولكن جوجل GOOGLE لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم .
وجوجل GOOGLE تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
http://4.bp.blogspot.com/-aZoPzKEJI8s/URG-wiERTBI/AAAAAAAAJB4/-snTH96zogE/s1600/amiri.JPG
Droid Arabic Kuf
http://1.bp.blogspot.com/-b7nLXyjvtsc/URG_HFjRaGI/AAAAAAAAJCA/5FDbam_8uOY/s1600/droidarabickufi.JPG
Droid Arabic Naskh
http://4.bp.blogspot.com/-zlpjQjhfEY8/URG_USpRZfI/AAAAAAAAJCI/m__UVyfKt1Y/s1600/droidarabicnaskh.JPG
Lateef
http://4.bp.blogspot.com/-MfBlrIc-RFk/URG_lei6k6I/AAAAAAAAJCQ/MrmsZoWf7Qc/s1600/lateef.JPG
Scheherazade
http://4.bp.blogspot.com/-uFS7w-nOWVo/URG_6WhtAAI/AAAAAAAAJCY/ts3QVV_Q7mw/s320/scheherazade.JPG
Thabit
http://2.bp.blogspot.com/-Qb1_wrsbdy0/URHAGD4vuuI/AAAAAAAAJCg/zhFf5-jKoLc/s320/thabit.JPG
---------------------------------------------
والآن كيف نستخدم هذه الخطوط فى مدوناتنا على بلوجر ؟
تنقسم الخطوات إلى شقين
الشق الأول : إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب template مدونتك , ثم قم بالبحث عن الكود code التالى
رمز Code:
<head>
وضع تحته مباشرة الكود code الخاص بالخط وهو كالتالى للخطوط السته على التوالى
ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
رمز Code:
<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'/>
الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود code الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب
ملحوظه : عليك إستخدام كود code واحد من الأكواد التاليه , وإختر هذا الكود code على أسس إختيارك لكود code نوع الخط السابق .
رمز Code:
ont-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;
الصور المرفقة http://www.traidnt.net/vb/attachments/707637d1378036552-scheherazade.jpg http://www.traidnt.net/vb/attachments/707638d1378036630-lateef.jpg http://www.traidnt.net/vb/attachments/707639d1378036630-thabit.jpg http://www.traidnt.net/vb/attachments/707640d1378036630-amiri.jpg http://www.traidnt.net/vb/attachments/707641d1378036630-droidarabickufi.jpg http://www.traidnt.net/vb/attachments/707642d1378036635-droidarabicnaskh.jpg
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
جربنا كثيرا كل خط من هذه الخطوط الأجنبيه حتى نجد خطا ملائما للتدوين العربى , ولكننا لم نجد أى منهم يصلح للتدوين باللغه العربيه , ولكن جوجل GOOGLE لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم .
وجوجل GOOGLE تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
http://4.bp.blogspot.com/-aZoPzKEJI8s/URG-wiERTBI/AAAAAAAAJB4/-snTH96zogE/s1600/amiri.JPG
Droid Arabic Kuf
http://1.bp.blogspot.com/-b7nLXyjvtsc/URG_HFjRaGI/AAAAAAAAJCA/5FDbam_8uOY/s1600/droidarabickufi.JPG
Droid Arabic Naskh
http://4.bp.blogspot.com/-zlpjQjhfEY8/URG_USpRZfI/AAAAAAAAJCI/m__UVyfKt1Y/s1600/droidarabicnaskh.JPG
Lateef
http://4.bp.blogspot.com/-MfBlrIc-RFk/URG_lei6k6I/AAAAAAAAJCQ/MrmsZoWf7Qc/s1600/lateef.JPG
Scheherazade
http://4.bp.blogspot.com/-uFS7w-nOWVo/URG_6WhtAAI/AAAAAAAAJCY/ts3QVV_Q7mw/s320/scheherazade.JPG
Thabit
http://2.bp.blogspot.com/-Qb1_wrsbdy0/URHAGD4vuuI/AAAAAAAAJCg/zhFf5-jKoLc/s320/thabit.JPG
---------------------------------------------
والآن كيف نستخدم هذه الخطوط فى مدوناتنا على بلوجر ؟
تنقسم الخطوات إلى شقين
الشق الأول : إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب template مدونتك , ثم قم بالبحث عن الكود code التالى
رمز Code:
<head>
وضع تحته مباشرة الكود code الخاص بالخط وهو كالتالى للخطوط السته على التوالى
ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
رمز Code:
<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'/>
الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود code الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب
ملحوظه : عليك إستخدام كود code واحد من الأكواد التاليه , وإختر هذا الكود code على أسس إختيارك لكود code نوع الخط السابق .
رمز Code:
ont-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;
الصور المرفقة http://www.traidnt.net/vb/attachments/707637d1378036552-scheherazade.jpg http://www.traidnt.net/vb/attachments/707638d1378036630-lateef.jpg http://www.traidnt.net/vb/attachments/707639d1378036630-thabit.jpg http://www.traidnt.net/vb/attachments/707640d1378036630-amiri.jpg http://www.traidnt.net/vb/attachments/707641d1378036630-droidarabickufi.jpg http://www.traidnt.net/vb/attachments/707642d1378036635-droidarabicnaskh.jpg
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
