افضل الخطوط العربية للويب

افضل ثمان خطوط عربية جاهزة للاستخدام  لتصميم موقع عربي

 

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

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

   اغلب الخطوط المعروضة موجودة في جوجل خطوط  Google Fonts .

١- الخط الاميري :

amiri

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

يستخدم هذا الخط النسخي لطباعة الكتب والنصوص الطويل . ويمكن استخدام هذا الخط في كتابة المحتوى للموقع العربي .

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

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

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

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

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

font-family: ‘Amiri’, serif;

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

٢- الخط الكوفي  Droid arabic Kufi :

kufi

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

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

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

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

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

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

٣- خط النسخ Droid Arabic Naskh :

naskh

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

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

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

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

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

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

٤- خط لطيف  :

lateef

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

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

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

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

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

font-family: ‘ Lateef’, serif;

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

٥- خط شهرزاد  :

Scheherazade

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

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

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

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

font-family: ‘ Scheherazade’, serif;

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

٦- خط ثابت  :

thabit

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

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

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

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

font-family: ‘ Thabit’, serif;

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

٧- خط جذور :

jozoor

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

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

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

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

٨- خط جذور مسطح “Jozoor flat ” :

JZflat

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

يمكنكم تحميله من الرابط هنا ، لكنه بوزن Regular فقط ، أما إذا أردتم الحصول عليه كاملا بكل الأوزان فيمكنكم شراؤه بـ 55$ من خلالهذا الرابط .

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

هنا ننتهي مع الخطوط العربية التي تدعم التضمين في صفحات الويب، فعلى الرغم من توافر خطوط كثيرة مجانية و رائعة للغة العربية، إلا أن المصممين لم يحدثوا بعد ملفاتهم لتصبح متوافقة مع التضمين في الويب ، حيث أن معظمها إما بامتداد .OTF أو .TTF و الذين لا تدعمهما كل المتصفحات، لكن الأمل لا يزال منعقدًا على المصممين العرب في إثراء المحتوى العربي على الإنترنت، و انتظروا منا خط من فريق عمل خطوط.

هذه الخطوط المتوفرة التي تدعم التضمين في صفحات الويب ، ويجب التنويه انه يوجد العديد من الخطوط الرائعة للغة العربية ولكن المصممين لم يطوروها لتصبح متوافقة مع التضمين في الويب لان معظمها اما بامتداد OTF. او TTF. وهذه الامتدادات لا تدعم جميع المتصفحات ، ولكن نامل في المستقبل ان يتم دعمها من اجل اثراء المحتوى العربي وجعل تصميم الموقع العربي اجمل وافضل .