الرئيسيه

8 خطوط “fonts” عربية جاهزة للويب

1٬967 مشاهدة

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

Droid arabic Kufi -1

1

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

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

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

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

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

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

Droid Arabic Naskh -2

2

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

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

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

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

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

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

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

3

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

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

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

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

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

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

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

font-family: 'Amiri', serif;

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

4- خط لطيف :

4

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

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

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

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

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

font-family: ' Lateef', serif;

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

5- خط شهرزاد :

5

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

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

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

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

font-family: ' Scheherazade’, serif;

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

6- خط ثابت:

6

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

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

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

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

font-family: ' Thabit’, serif;

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

7- خط جذور:

7

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

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

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

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

8- خط Jozoor flat :

8

 

الكاتب :
يوسف الحربي, مواليد 1991 شخص متواضع. أحب التجارب والتعلم. أعيش حياتي بأهداف ومهام متعددة واولها رضا الله ثم رضا الوالدين ودوام الصحه والعافيه وراحة البال. تخصصي شبكات وادارة نظم وقد احببت الرسم, البرمجة والتصميم. ولم تكن البرمجة والتصميم من اختصاصاتي المهنية بل هواية تدرجت فيها حتى وجدت نفسي متمكن من نيل اعجاب الاقرباء عند مشاهدة اعمالي.
أخر المقالات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *