افضل 7 خطوط عربية للويب جاهزة للتصميم

السلام عليكم متابعي موقع حياة مبرمجين  اليوم باذن الله ثوف اقدم لكم  مجموعة من الخطوط بصيغة  css 

تابعو ....

1- Droid arabic Kufi : 

افضل 7 خطوط للويب جاهزة للاستخدام 

معاينة للخط

يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css)

ثم استخدامه عن طريق الكود :

font-family: “Droid Arabic Kufi” , serif;

أو يمكنكم تحميله من الرابط هنا

2- Droid Arabic Naskh :

معاينة للخط

هذا الخط متوافر بأوزان Regular و Bold

يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css)

ثم استخدامه عن طريق الكود :

font-family: “Droid Arabic Naskh” , serif;

أو يمكنكم تحميله من الرابط هنا

3- الخط الأميري :

معاينة للخط

الخط بصيغة css

@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);

ثم استخدامه عن طريق الكود :

font-family: 'Amiri', serif;

أو يمكنكم تحميله من الرابط هنا

4- خط لطيف :

معاينة للخط

يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:

@import url(http://fonts.googleapis.com/earlyaccess/lateef.css);

ثم استخدامه عن طريق الكود :

font-family: ' Lateef', serif;

أو يمكنكم تحميله من الرابط هنا

5- خط شهرزاد :

خط شهرزاد

يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:

@import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);

ثم استخدامه عن طريق الكود :

font-family: ' Scheherazade’, serif;

أو يمكنكم تحميله من الرابط هنا

6- خط ثابت:

خط ثابت

يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:

@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);

ثم استخدامه عن طريق الكود :

font-family: ' Thabit’, serif;

أو يمكنكم تحميله من الرابط هنا