تعتبر اللغة العربية من اجمل اللغات في شكل الحروف ولان الحروف تتخذ اكثر من شكل في حال كانت في بداية الكلمة او الوسط او النهاية لهذا يعد تصميم خطوط اللغة العربية ليس بالامر السهل ، وللخط تآثير كبير على المستخدم لذلك استخدام خطوط غير تقليدية لتصميم موقع عربي يعمل على اضافة رونق خاص للموقع .
وفي هذا المقال سوف نقدم لكم افضل ثمان خطوط يمكن استخدامها لتصميم موقع عربي وجميع هذه الخطوط مجانية و يمكن استخدمها بسهولة .
اغلب الخطوط المعروضة موجودة في جوجل خطوط Google Fonts .
الخط الاميري محاكاة للخط الطباعي التي تتميز به مطبعة بولاق بالقاهرة منذ اوئل القرن العشرين والتي تعرف ايضا بالمطبعة الاميرية ومن هنا اخذ هذا الخط اسمه .
يستخدم هذا الخط النسخي لطباعة الكتب والنصوص الطويل . ويمكن استخدام هذا الخط في كتابة المحتوى للموقع العربي .
موقع الخط amirifont.org ، و هذا الخط قام بتطويره خالد حسني .
هذا الخط متوافر بوزن Regular و Bold و متوفر بنمط عادي و Italic
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(https://fonts.googleapis.com/earlyaccess/amiri.css);
ثم استخدامه عن طريق الكود :
font-family: ‘Amiri’, serif;
أو يمكنكم تحميله من الرابط هنا
هذا الخط متوافر بأوزان Regular و Bold
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css)
ثم استخدامه عن طريق الكود :
font-family: “Droid Arabic Kufi” , serif;
أو يمكنكم تحميله من الرابط هنا
هذا الخط متوافر بأوزان Regular و Bold
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css)
ثم استخدامه عن طريق الكود :
font-family: “Droid Arabic Naskh” , serif;
أو يمكنكم تحميله من الرابط هنا
تم تسميته على اسم الشاعر الصوفي شاه عبدالطيف بتائي
هذا الخط متوافر بوزن Regular فقط
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(https://fonts.googleapis.com/earlyaccess/lateef.css);
ثم استخدامه عن طريق الكود :
font-family: ‘ Lateef’, serif;
أو يمكنكم تحميله من الرابط هنا
هذا الخط متوافر بوزن Regular فقط
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(https://fonts.googleapis.com/earlyaccess/scheherazade.css);
ثم استخدامه عن طريق الكود :
font-family: ‘ Scheherazade’, serif;
أو يمكنكم تحميله من الرابط هنا
هذا الخط متوافر بوزن Regular و Bold و متوفر بنمط عادي و Italic
يمكنكم إستخدامه مباشرة بوضع هذا الكود في ملف CSS الخاص بكم:
@import url(https://fonts.googleapis.com/earlyaccess/thabit.css);
ثم استخدامه عن طريق الكود :
font-family: ‘ Thabit’, serif;
أو يمكنكم تحميله من الرابط هنا
هذا الخط من تصميم المبدعين في شركة جذور
هذا الخط متوافر بوزن Regular فقط .
يمكنكم تحميله من الرابط هنا .
ستجدوا فيه ملف مضغوط فيه الخطوط بجميع الامتدادات الخاصة بالويب، كذلك مثال على تضمينها في صفحة الويب.
هذا الخط أيضا من تصميم المبدعين في شركة جذور
يمكنكم تحميله من الرابط هنا ، لكنه بوزن Regular فقط ، أما إذا أردتم الحصول عليه كاملا بكل الأوزان فيمكنكم شراؤه بـ 55$ من خلالهذا الرابط .
ستجدوا فيه ملف مضغوط فيه الخطوط بجميع الامتدادات الخاصة بالويب، كذلك مثال على تضمينها في صفحة الويب.
هنا ننتهي مع الخطوط العربية التي تدعم التضمين في صفحات الويب، فعلى الرغم من توافر خطوط كثيرة مجانية و رائعة للغة العربية، إلا أن المصممين لم يحدثوا بعد ملفاتهم لتصبح متوافقة مع التضمين في الويب ، حيث أن معظمها إما بامتداد .OTF أو .TTF و الذين لا تدعمهما كل المتصفحات، لكن الأمل لا يزال منعقدًا على المصممين العرب في إثراء المحتوى العربي على الإنترنت، و انتظروا منا خط من فريق عمل خطوط.
هذه الخطوط المتوفرة التي تدعم التضمين في صفحات الويب ، ويجب التنويه انه يوجد العديد من الخطوط الرائعة للغة العربية ولكن المصممين لم يطوروها لتصبح متوافقة مع التضمين في الويب لان معظمها اما بامتداد OTF. او TTF. وهذه الامتدادات لا تدعم جميع المتصفحات ، ولكن نامل في المستقبل ان يتم دعمها من اجل اثراء المحتوى العربي وجعل تصميم الموقع العربي اجمل وافضل .
