• 4 شوال 1441 هـ
  • 7:32 م
  • التوقيت المحلي (الرياض)

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

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

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

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

amiri

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

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

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

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

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

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

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

font-family: ‘Amiri’, serif;

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

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

kufi

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

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

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

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

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

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

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

naskh

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

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

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

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

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

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

٤- خط لطيف  :

lateef

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

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

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

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

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

font-family: ‘ Lateef’, serif;

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

٥- خط شهرزاد  :

Scheherazade

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

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

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

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

font-family: ‘ Scheherazade’, serif;

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

٦- خط ثابت  :

thabit

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

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

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

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

font-family: ‘ Thabit’, serif;

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

٧- خط جذور :

jozoor

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

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

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

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

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

JZflat

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

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

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

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

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

“إذا كان حسن الوصف، مليح الرصف مفتّح العيون، أملس المتون، كثير الائتلاف، قليل الاختلاف، هشّت إليه النفوس، واشتهته الأرواح، حتى إن الإنسان ليقرؤه وإن كان فيه كلام دنيء، ومعنى رديء، مستزيدا منه ولو كثر، من غير سآمة تلحقه”.

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

وقد تطور الخط العربي منذ قرون الإسلام الأولى حتى تعددت مدارسه وأنواعه، واستقرت أصوله وقواعده، وصار حلية لتراث المسلمين وآثارهم في مختلف العصور.

لكن مع اختراع الحاسوب وبزوغ العصر الرقمي، حُرم الجمهور العربي لسنوات من قراءة الخط العربي واستخدامه بمختلف إمكاناته وجمالياته وتنويعاته، إذ لم تتوفر الوسائط الرقمية اللازمة لذلك.

كتابات بالخط العربي في مسجد بمدينة كوتا بهارو الماليزية (رويترز)
وفي ذلك تقول منصة فونتس التابعة لشركة غوغل في مقال بشأن تحديث الخط العربي “قبل عقد مضى لم يكن لدى العالم العربي خيار سوى قراءة وكتابة النص الرقمي بخطوط قاصرة ومبسطة”.

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

وأبدع مصممون وخطاطون عرب مئات من الخطوط الحديثة التي استلهموا فيها قواعد الخطوط العربية الأساسية (الكوفي، النسخ، الثلث، الإجازة، الرقعة، الديواني، المغربي، التعليق).

من معرض للخط العربي في كوالالمبور (رويترز)
وفضلا عن الجهود والإبداعات الفردية، قامت شركات الحاسوب والإنترنت العملاقة بمشروعات لدمج الخطوط العربية الحديثة في أعمالها ومنصاتها، كما قامت مؤسسات وشركات عربية باتخاذ خطوط خاصة -ابتكرها مصممون لصالحها- لتكون جزءا من هويتها ووسيلة لتمييز إنتاجها في الفضاء الرقمي.

ومن بين عشرات النماذج المميزة، اخترنا بعض الخطوط العربية الحديثة التي اشتهرت أو كثر استخدامها أو صارت طيّعة في برامج الكتابة والتصميم والنشر.

خطوط غوغل
أنشأت غوغل منصة حرة للخطوط الطباعية (الحاسوبية) تمكِن المستخدمين من الاستفادة من الخطوط المعروضة فيها مجانا سواء في مواقع الإنترنت أو برامج الكتابة أو التصفح.

وتضم هذه المنصة نحو عشرين عائلة من الخطوط العربية الحديثة، أبدعها خطاطون ومصممون عرب وأجانب.

ويمكن الوصول إلى الخطوط العربية في مكتبة غوغل للخطوط عبر الرابط التالي:

https://fonts.google.com/?subset=arabic

هل العناوين والجمل التي تكتبها بالويب تستحق النقر عليها؟!، العنوان الرئيسي أشبه بمصافحة الأيدي قبل بدء الحوار، وهناك أنواع منه يمكنك الاختيار من بينها بما يتوافق مع إحتياجاتك، سواء كنت تبيع منتجاً، أو تروج لمؤتمر، أو تشجع فكرة، المهم أن تلتزم بالإيجاز والوضوح.

وفيما يلي أكثر المكونات التي تجذب المستخدم ليضغط علي العناوين

نصائح عملية لكتابة عناوين ويب اكثر جاذبة للقراء

1- العنوان المباشر: “شائعات للبيع”

قد بيدوا هذا الأسلوب مملاً، ولكن بعض الناس تفضل الأسلوب الصريح والبسيط، فحين إلقاء أعينهم على العنوان، فلسان حالهم يقول: ” هذا ما كنت أبحث عنه”.

2- الخبر: “شاشات باللمس ستطرح في الاسواق لأول مرة في إبريل”

تعكس العناوين الصحفية نفوذاً وتأثيراً، علاوة علي وضوحها.

3- كيف؟!: “كيف تختار أفضل شاشة لحاسوبك”

كثيراً ما بدأت ملايين العناوين الرئيسية المشهورة بكلمة “كيف”، فهي تبين للقاريء أن ثمة شخصاً يقدم المساعدة.

4- الاستفهام: “هل الشاشة التي تستخدمها هي الأنسب لإحتياجاتك؟”

السؤال بمثابة دعوة موجهة إلي القاريء ووعد بأنه سيجد شيئاً مختلفاً.

5- الأمر:”توجه إلي متاجرنا وستحصل على أفضل العروض والخصومات”

عادة ما تجذب التوجيهات والتعليمات لإنتباه القاريء.

6- القائمة: “7 أشياء يجب أن تبحث عنها في شاشة الحاسوب قبل شرائها”

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

7- التوصية: “هذا ما حصلت عليه عندما اشتريت شاشتي من هنا”

تصبح التجربة الشرائية لأحد العملاء مصدر ثقة للعملاء الآخرين، حتي لو لم تكن التجربة حقيقية، لاسيما لو استخدمت فيها شخصيات مشهورة.

8- التشويق: “أهم منتج ستشتريه هذا العام”

لا تبالغ عند استخدام هذا الأسلوب حتى لا يفسد العنوان، وحتى لا يعلق القاريء ساخراً: “أهم منتج سأشتريه هذا العام هو شاشة حاسوب؟! حقاً؟”

9- الإقتباس: “السمات السبع لأكثر الشاشات فاعلية”

تجذب العناوين المقتبسة من جمل وعناوين مشهورة إنتباه القاريء وتجعله يحاول الربط بين الإقتباس الذي يعرفه وبين المنتج أو النص الذي أمامه.

10- الفضول: ” قابلية الاستخدام ليست شيئاً تشتريه مرة واحدة”

هذا النوع من الصياغات له أكثر من طريق لتطبيقه؛ أن تعرض كلمتين غير متوقعتين في جملة واحدة مثال ” كولا للتخسيس !”، أو أن تقول علي شيئاً ما إنه ليس كما يبدوا مثل ” قابلية الاستخدام ليست شيئاً تشتريه مرة واحدة”

11- الفائدة: ” الكتاب الأول المجاني “

الزوار يدخلون صفحات الويب من أجل واحدة من الأسباب التالية:-

12- إثارة العاطفة / الشغف : “خمسة أخطاء قاتلة لأي متجر إلكتروني على الويب”

هذا المكون يكثر استخدامه في الوسائط الإجتماعية، لكن يجب الحرص عند كتابته في موقع الويب، ومن أمثلة الكلمات التي تثير العاطفة والشغف لدى المستخدم عند قراءته في عنوان ما:

قاتل- مثير للدهشة – خيالي – مجاناً – أخطاء تذهب العقل – مفاجيء – مذهل – بشكل مفاجيء – إستثنائي – غير عادي – أساطير – لا يقاوم – غير متوقع – لا يصدق – مذهل – لافت النظر – بجنون – بغباء – شرير – فيروس – ملحمي.

وأيضاً علامات التعجب، والاسهم والنجوم تثير المستخدم إذا رآها في أي عنوان على الويب.

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