rss
16-10-2018, 03:42 PM
http://4.bp.blogspot.com/-0xISY2kBglE/VJD0JgHliZI/AAAAAAAAB4k/rqn9Y_J3GPk/s1600/font.jpg (http://4.bp.blogspot.com/-0xISY2kBglE/VJD0JgHliZI/AAAAAAAAB4k/rqn9Y_J3GPk/s1600/font.jpg)
جوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
http://3.bp.blogspot.com/-pw0TKuXM-B0/VJD1Dx2qTbI/AAAAAAAAB4s/H5SWoEPxLDo/s1600/1708.jpg (http://3.bp.blogspot.com/-pw0TKuXM-B0/VJD1Dx2qTbI/AAAAAAAAB4s/H5SWoEPxLDo/s1600/1708.jpg)
Droid Arabic Kufi
http://4.bp.blogspot.com/-G2Vwwg5pRHk/VJD1PTCbfKI/AAAAAAAAB40/AtpotRrRUYg/s1600/2.jpg (http://4.bp.blogspot.com/-G2Vwwg5pRHk/VJD1PTCbfKI/AAAAAAAAB40/AtpotRrRUYg/s1600/2.jpg)
Droid Arabic Naskh
http://3.bp.blogspot.com/-evgv4mRDT04/VJD1gbaJKgI/AAAAAAAAB48/WxCLbhaSdCE/s1600/3.jpg (http://3.bp.blogspot.com/-evgv4mRDT04/VJD1gbaJKgI/AAAAAAAAB48/WxCLbhaSdCE/s1600/3.jpg)
Lateef
http://3.bp.blogspot.com/-JSvLtfysJos/VJD1rMhf1_I/AAAAAAAAB5E/Ob12_Hz2zco/s1600/4.jpg (http://3.bp.blogspot.com/-JSvLtfysJos/VJD1rMhf1_I/AAAAAAAAB5E/Ob12_Hz2zco/s1600/4.jpg)
Scheherazade
http://4.bp.blogspot.com/-fCH4mrOzfZk/VJD12GdSccI/AAAAAAAAB5M/Rzh55LfVj9M/s1600/5.jpg (http://4.bp.blogspot.com/-fCH4mrOzfZk/VJD12GdSccI/AAAAAAAAB5M/Rzh55LfVj9M/s1600/5.jpg)
Thabit
http://4.bp.blogspot.com/-nUxB47O0lmQ/VJD2ExgLJPI/AAAAAAAAB5U/2Rn3ziKKtU4/s1600/6.jpg (http://4.bp.blogspot.com/-nUxB47O0lmQ/VJD2ExgLJPI/AAAAAAAAB5U/2Rn3ziKKtU4/s1600/6.jpg)
نقوم باضافة روابط الخطوط الى المدونة
نقوم بتحرير القالب وبعدها نقوم بالبحث عن الكود التالي
<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;
جوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
http://3.bp.blogspot.com/-pw0TKuXM-B0/VJD1Dx2qTbI/AAAAAAAAB4s/H5SWoEPxLDo/s1600/1708.jpg (http://3.bp.blogspot.com/-pw0TKuXM-B0/VJD1Dx2qTbI/AAAAAAAAB4s/H5SWoEPxLDo/s1600/1708.jpg)
Droid Arabic Kufi
http://4.bp.blogspot.com/-G2Vwwg5pRHk/VJD1PTCbfKI/AAAAAAAAB40/AtpotRrRUYg/s1600/2.jpg (http://4.bp.blogspot.com/-G2Vwwg5pRHk/VJD1PTCbfKI/AAAAAAAAB40/AtpotRrRUYg/s1600/2.jpg)
Droid Arabic Naskh
http://3.bp.blogspot.com/-evgv4mRDT04/VJD1gbaJKgI/AAAAAAAAB48/WxCLbhaSdCE/s1600/3.jpg (http://3.bp.blogspot.com/-evgv4mRDT04/VJD1gbaJKgI/AAAAAAAAB48/WxCLbhaSdCE/s1600/3.jpg)
Lateef
http://3.bp.blogspot.com/-JSvLtfysJos/VJD1rMhf1_I/AAAAAAAAB5E/Ob12_Hz2zco/s1600/4.jpg (http://3.bp.blogspot.com/-JSvLtfysJos/VJD1rMhf1_I/AAAAAAAAB5E/Ob12_Hz2zco/s1600/4.jpg)
Scheherazade
http://4.bp.blogspot.com/-fCH4mrOzfZk/VJD12GdSccI/AAAAAAAAB5M/Rzh55LfVj9M/s1600/5.jpg (http://4.bp.blogspot.com/-fCH4mrOzfZk/VJD12GdSccI/AAAAAAAAB5M/Rzh55LfVj9M/s1600/5.jpg)
Thabit
http://4.bp.blogspot.com/-nUxB47O0lmQ/VJD2ExgLJPI/AAAAAAAAB5U/2Rn3ziKKtU4/s1600/6.jpg (http://4.bp.blogspot.com/-nUxB47O0lmQ/VJD2ExgLJPI/AAAAAAAAB5U/2Rn3ziKKtU4/s1600/6.jpg)
نقوم باضافة روابط الخطوط الى المدونة
نقوم بتحرير القالب وبعدها نقوم بالبحث عن الكود التالي
<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;