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

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

تابعو ....
1- Droid arabic Kufi : 
افضل 7 خطوط للويب جاهزة للاستخدام 
معاينة للخط


kufi

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

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


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

  1. font-family: Droid Arabic Kufi , serif;


أو يمكنكم تحميله من الرابط هنا
2- Droid Arabic Naskh :

معاينة للخط


naskh

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

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


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

  1. font-family: Droid Arabic Naskh , serif;


أو يمكنكم تحميله من الرابط هنا
3- الخط الأميري :

معاينة للخط


amiri


الخط بصيغة css
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
ثم استخدامه عن طريق الكود :

  1. font-family: 'Amiri', serif;


أو يمكنكم تحميله من الرابط هنا
4- خط لطيف :

معاينة للخط


lateef


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

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


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

  1. font-family: ' Lateef', serif;


أو يمكنكم تحميله من الرابط هنا
5- خط شهرزاد :

Scheherazade
خط شهرزاد

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

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


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

  1. font-family: ' Scheherazade’, serif;


أو يمكنكم تحميله من الرابط هنا
6- خط ثابت:

thabit
خط ثابت

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

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


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

  1. font-family: ' Thabit’, serif;


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