أدواتأفضل الخطوط العربية المجانية للتصميم
وقت القراءة: 4 د
تعتمد أفضل الخطوط العربية المجانية للتصميم على ما تصنعه. فخطوط كايرو وتجوال وIBM Plex Sans Arabic تناسب المواقع والتطبيقات، وأميري ونوتو نسخ تناسبان القراءة الطويلة، وريم كوفي وعارف رقعة ولالزار تمنح العناوين والشعارات شخصية أوضح. وكلها في Google Fonts ومجانية برخص مفتوحة.
رتّبنا الدليل بحسب النمط لا بترتيب تفاضلي، لأن النمط يخبرك أكثر مما يخبرك رقم. وكل خط مذكور هنا موجود في معاين الخطوط العربية الذي لا يضم إلا عائلات تحتوي الحروف العربية فعلًا، فتجرّب كل خط بنصّك قبل أن تقرر.
الخطوات
افتح المعاين في تبويب آخر واكتب اسمك أو عنوانك. فالخطوط تبدو مختلفة جدًا بكلمات حقيقية عنها بنص تجريبي.
- 1
حدّد وظيفة النص
نص الموقع والعنوان والشعار ومنشور التواصل لكل منها حاجة مختلفة. فالنص الأساسي يحتاج وضوحًا في الأحجام الصغيرة، والشعار يحتاج شخصية، والعنوان بينهما.
- 2
ابدأ من النمط
استخدم السانس للواجهات، والنسخ للقراءة الطويلة، والكوفي للمظهر الهندسي، والرقعة للإحساس اليدوي، وخطوط العرض للنص القصير الكبير فقط. وتسرد الأقسام أدناه نقاط بداية جيدة لكل نمط.
- 3
جرّب نصّك الحقيقي
اكتب اسمك أو اسم محلّك أو جملة حقيقية في معاين الخطوط. وتأكد أن الحروف تتصل جيدًا وأن الحروف الطويلة والمنخفضة لا تتصادم.
- 4
افحص الأسماك
العائلة ذات الأسماك المتعددة، مثل كايرو وتجوال ونوتو سانس عربي، تمنحك سُمكًا عاديًّا للنص وآخر عريضًا للعناوين. استخدم محدد السُّمك وفلتر «متعددة الأسماك فقط».
- 5
اختبر الصغير والكبير
عاين بحجم 16 بكسل وبحجم 80. فبعض خطوط العرض تبدو ممتازة كبيرة ثم يصعب قراءتها في فقرة.
- 6
انسخ الكود أو احفظ صورة
للموقع اضغط «نسخ CSS» والصق الكود. ولمسودة شعار أو منشور نزّل النص بصيغة PNG، بخلفية شفافة إن احتجت، وضعه في تصميمك.
خطوط سانس للمواقع والتطبيقات
كايرو عائلة معاصرة بحروف لاتينية مطابقة ومتوفرة بأسماك كثيرة. وتجوال خط هندسي حديث منخفض التباين بسبعة أسماك. والمراعي واضح وبسيط بأربعة أسماك. وIBM Plex Sans Arabic هو الرفيق العربي لـIBM Plex ويناسب المحتوى التقني. ونوتو سانس عربي يغطي الكتابة العربية بتوسع بأسماك وعروض متعددة. ومدى مستوحى من لوحات الطرق ويحافظ على انفتاح أشكاله في الأحجام الصغيرة، وVazirmatn خط فارسي وعربي بسيط ومقروء.
خطوط نسخ للقراءة
أميري خط نسخ كلاسيكي للكتب والنصوص الطويلة، أحيا أسلوب الطباعة في القاهرة مطلع القرن العشرين. ونوتو نسخ عربي تصميم نسخ بتباين في الخطوط يناسب النصوص. وشهرزاد الجديد نسخ تقليدي، وميرزا نسخ لنصوص المتن بوصلات حرفية، ومركزي تكست خط نصوص آخر. وتعمل خطوط النسخ جيدًا بأحجام الفقرات حيث قد تبدو تصاميم السانس باهتة.
خطوط كوفي ورقعة وعرض للعناوين والشعارات
ريم كوفي قائم على نماذج الكوفي المبكرة، وكوفام خط مضغوط مستوحى من نقوش الكوفي في القرن السابع، ونوتو كوفي عربي كوفي مبسّط. وعارف رقعة يتبع أسلوب الرقعة الخطي. وللعناوين: لالزار خط عرض عريض، وكاتبة خط عناوين قائم على النسخ مع لمسة من الثلث، ورقّاص وجمهورية تصميمان قويان للعرض، والمصري خط حديث منحني مستوحى من النسخ. استخدمها للنص القصير فقط.
أنماط مرحة وخط اليد
ليمونادا عائلة حديثة ودودة، ومرحي تصميم مرح بروح الكتابة اليدوية، وبالو بيجان 2 خط عرض قريب من القلب. وبلاي بن سانس عربي ذو طابع يدوي. وتناسب محتوى الأطفال والمقاهي والمنشورات العفوية، ونادرًا ما تكون الخيار الصحيح للمستندات الرسمية.
الرخص في فقرة واحدة
خطوط المعاين من Google Fonts وهي مفتوحة المصدر. ومعظمها برخصة SIL Open Font License التي تسمح بالاستخدام الشخصي والتجاري وتضمين الخط في المواقع. وتربطك كل بطاقة بصفحة رخصة الخط. وإذا أعدت توزيع ملف الخط فأبقِ رخصته معه.
مشاكل شائعة وحلولها
الحروف تبدو منفصلة أو بترتيب خاطئ
غالبًا اتجاه النص من اليسار إلى اليمين. في برنامج التصميم بدّل الفقرة إلى اليمين لليسار، وفي صفحة الويب اضبط dir="rtl" وlang="ar" على العنصر.
الخط لا يظهر في موقعي
تأكد أن الرابط أو @import في الترويسة، وأن اسم العائلة في CSS مطابق تمامًا (بين علامتي اقتباس إن احتوى مسافات)، وأن سياسة أمان المحتوى لديك تسمح بـfonts.googleapis.com وfonts.gstatic.com.
السُّمك العريض يبدو مصطنعًا
طلبت صفحتك سُمكًا لم يتضمنه الرابط. أضف الأسماك التي تستخدمها، مثل 400 و700، إلى رابط Google Fonts.
الصفحة تتحمل ببطء مع الخط
حمّل الأسماك التي تحتاجها فقط، وأضف وسوم preconnect من الكود المنسوخ، واستخدم font-display: swap الموجود أصلًا في رابط Google Fonts.
الأسئلة الشائعة
ما أفضل خط عربي للموقع؟
عائلة سانس بأسماك متعددة مثل كايرو أو تجوال أو IBM Plex Sans Arabic أو نوتو سانس عربي هي الأكثر أمانًا للواجهات والنص الأساسي.
هل أستطيع استخدام هذه الخطوط تجاريًّا؟
نعم في أغلب الحالات: فهي خطوط مفتوحة المصدر، ومعظمها برخصة SIL Open Font License. راجع رابط الرخصة في بطاقة كل خط للاطلاع على الشروط الدقيقة.
كيف أستخدم خطًّا عربيًّا في وورد أو كانفا؟
في وورد نزّل عائلة الخط من Google Fonts وثبّتها على حاسوبك وأعد تشغيل وورد. ولكانفا مكتبة خطوطها الخاصة فراجعها أولًا، وإلا فنزّل النص بصيغة PNG من المعاين وضعه كصورة.