لا يستطيع أي مصمم سواء كان مصمم ويب أو مصمم جرافيك أو حتى مصمم ملابس أن يتجاهل أو ينكر قيمة الشكل الجمالي للخطوط “fonts” ؛ لهذا نأتي إليكم بمجموعة خطوط عربية رائعة متناسبة مع الويب إكمالا للتدوينة السابقة تضمين الخطوط في CSS3.

Droid arabic Kufi -1

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

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

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

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

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

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

Droid Arabic Naskh -2

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

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

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

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

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

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

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

الخط الأميري خط نسخي موجه لطباعة الكتب والنصوص الطويلة.

الخط الأميري هو إحياء ومحاكاة للخط الطباعي الجميل الذي تميزت به مطبعة بولاق بالقاهرة منذ أوائل القرن العشرين، والتي عرفت أيضا بالمطبعة الأميرية، ومن هنا أخذ الخط اسمه.

الوصف السابق من موقع الخط amirifont.org ،و هذا الخط قام بتطويره خالد حسني .

هذا الخط متوافر بوزن Regular و Bold و متوفر بنمط عادي و Italic

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

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

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

font-family: 'Amiri', serif;

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

4- خط لطيف :

تم تسميته على اسم الشاعر الصوفي شاه عبدالطيف بتائي

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

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

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

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

font-family: ' Lateef', serif;

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

5- خط شهرزاد :

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

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

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

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

font-family: ' Scheherazade’, serif;

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

6- خط ثابت:

هذا الخط متوافر بوزن Regular و Bold و متوفر بنمط عادي و Italic

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

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

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

font-family: ' Thabit’, serif;

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

7- خط جذور:

هذا الخط من تصميم المبدعين في شركة جذور

هذا الخط متوافر بوزن Regular فقط .

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

ستجدوا فيه ملف مضغوط فيه الخطوط بجميع الامتدادات الخاصة بالويب، كذلك مثال على تضمينها في صفحة الويب.

8- خط Jozoor flat :