دليل شامل لحل مشكلة الخطوط في Figma (الخطوط العربية والإنجليزية)

يُعد برنامج Figma ✒️ أحد أكثر الأدوات استخدامًا على نطاق واسع لتصميم واجهة المستخدم والنماذج الأولية المبكرة.

مع ذلك، قد يواجه المستخدمون أحيانًا مشاكل مثل فقدان الخطوط (Missing Fonts) أو عدم عرضها بشكل صحيح. قد ترجع هذه المشكلة إلى أسباب مختلفة، مثل عدم تثبيت الخط على النظام أو عدم توافق إضافة Figma. لذلك، سنقدم في هذه المقالة من Nooh Freestyle شرحًا شاملًا لكيفية حل مشكلة الخطوط في Figma باستخدام الخطوط العربية والإنجليزية.

دليل شامل لحل مشكلة الخطوط في Figma (الخطوط العربية والإنجليزية)

شرح كيفية إصلاح مشاكل الخطوط في Figma (النوع والتحميل)

Guide to Resolving Font Problems in Figma

بشكل عام، لحل مشاكل الخطوط العربية في Figma ، يجب الانتباه إلى أمور مثل تثبيت وتفعيل Figma Font Installer لإصدار الويب من Figma، والتأكد من تثبيت الخطوط بشكل صحيح، وتحميل الخط المطلوب إلى Figma Organization. من الضروري أيضًا استخدام خطوط قياسية تتضمن أرقامًا وجميع الأحرف العربية، ومناسبة لتصميم مواقع الويب. وإلا، يمكنك استبدال النصوص بخطوط أخرى. سنتناول أدناه بالتفصيل مشاكل الخطوط والنصوص الشائعة في هذا البرنامج وكيفية حلها.

تأكد من تثبيت الخط

الخطوة الأولى هي التأكد من تثبيت الخط المطلوب بشكل صحيح على نظامك. سنشرح ذلك بمزيد من التفصيل في أنظمة التشغيل المختلفة أدناه.

تثبيت الخطوط في الويندوز

لتثبيت الخطوط العربية على نظام ويندوز ، انتقل إلى Settings> personalize> fonts، ثم انقل الخط الذي تريده إلى هذه الصفحة وقم بتثبيته. بعد إتمام خطوات التثبيت بشكل صحيح، يمكنك الدخول إلى البرنامج الذي تريده، مثل Figma، والبحث عن اسمه. كما يمكنك الوصول إلى الخطوط بالبحث عن عبارة Fonts في نافذة Run. ووفقًا لموقع Figma ، فإن تثبيت الخط بشكل صحيح يُسهّل الوصول إليه.

إضافة الخطوط في Windows

يمكن أن يكون تثبيت الخطوط بشكل صحيح فعالًا أيضًا لبرامج أخرى، مثل حل مشكلة خط Nastaliq في Photoshop .

تثبيت الخطوط على نظام التشغيل Macintosh

لتثبيت خط على نظام macOS، يجب عليك أولاً تنزيل الخط العربي بصيغتي ttf و otf. ثم انقر نقرًا مزدوجًا على الملف لفتح نافذة Font Book. هنا، عليك تحديد Install Font ليتم حفظ الخط تلقائيًا في قسم All Fonts. لضمان استخدام جميع المستخدمين للخط المثبت، يمكنك نقله إلى مسار /Library/Fonts. بعد إكمال الخطوات، يمكنك استخدامه بسهولة في برامج مثل Figma، Photoshop، Word وغيرها.

المزيد من المحتوى: 5 طرق لتغيير الخط وحجم النص في وورد

كيفية الوصول إلى الخطوط في Figma

أولاً، عليك تنزيل برنامج Figma من صفحة التنزيلات الخاصة به ، والمتوافق مع إصدار نظام ماك أو ويندوز الخاص بك، ثم تشغيله. يمكنك أيضًا القيام بذلك عبر المواقع الإلكترونية الإيرانية. للوصول إلى الخطوط واستخدامها، يمكنك اتباع طريقتين. في الطريقة الأولى، استخدم الخطوط المحلية local على نظامك. للقيام بذلك، يمكنك استخدام برنامج Font installers Figma في إصدار الويب. في برنامج سطح المكتب، يتم تحديد الخطوط المتوفرة في النظام تلقائيًا وعرضها في قائمة الخطوط.

حل مشكلة الخط في Figma

الطريقة الثانية لاستخدام الخطوط هي من خلال مجموعة Google Web Fonts .

حل مشكلة عدم ظهور الخطوط العربية

أحيانًا، عند استخدام الخطوط العربية في Figma، قد تظهر مشاكل، مثل عدم عرض بعض الأحرف. قد تكون هذه المشكلة بسبب عدم دعم Figma لهذا الخط. لذلك، لحل هذه المشكلة، يُفضل استخدام خطوط موثوقة مثل Wazir و Iran Sense، إلخ. أيضًا، إذا كنت تنوي استخدام خط أم لا، فتأكد من توافقه مع تصميم الموقع وبرنامج Figma. قد تحدث هذه المشكلة أيضًا عند عرض الأرقام العربية في Figma.

يمكنك أيضًا اختبار الخط الذي تريده في Word. في حال وجود مشكلة في أداء الخط، يُفضّل إزالته تمامًا من النظام وإعادة تثبيته. إذا لزم الأمر، يمكنك اتخاذ الخطوات اللازمة لحل مشكلة عدم تثبيت الخط في Windows .

استخدام البرنامج المساعد للكتابة العربية في Figma

حاليًا، صُممت إضافات مثل RTS PLZ لبرنامج Figma، وهي مناسبة لكتابة النصوص العربية في هذا البرنامج. تُعالج هذه الإضافة مشاكل مثل إزاحة النص وتشويهه. لاستخدام هذه الإضافة في البرنامج، بعد تثبيتها وتشغيلها، انقر على زر Text واكتب الكلمة أو العبارة التي تريدها. الآن، من شريط الأدوات على يمين الصفحة، حدد الخط الذي تريده. انقر بزر الماوس الأيمن على النص، ثم اختر RTS PLZ من قائمة الإضافات. تُساعد هذه الإضافة على عرض النصوص والكتابات بشكل أفضل من خلال محاذاتها.

استخدام البرنامج المساعد للكتابة الفارسية في Figma

استبدال الخطوط المفقودة (Missing Fonts)

وفقًا لموقع دعم Figma ، إذا كنت تواجه باستمرار خطأ Missing Fonts عند استيراد واستخدام خط معين، فاستبدله بخط آخر إن أمكن. للقيام بذلك، يمكنك اختيار خط وسمك مختلفين باستخدام زر Replace fonts في نافذة التحذير التي تظهر. إذا أغلقت نافذة التحذير أو تجاهلتها عن طريق الخطأ، يمكنك النقر على رمز A الأصفر أعلى شريط أدوات Figma لعرض نافذة استبدال الخط مرة أخرى. قد يكون هذا الخيار مفيدًا عند رغبتك في استبدال الخط الافتراضي بخط من اختيارك.

إصلاح مشكلة الخط في Figma عن طريق استبداله

كيفية إصلاح خطأ missing fonts في Figma عند استخدام إصدار الويب

قد يواجه بعض المستخدمين مشكلة عدم التعرف على الخطوط المثبتة على النظام، مما يؤدي إلى ظهور خطأ Missing Fonts عند استخدام إصدار Figma Web . قد يكون أحد الأسباب الرئيسية لهذه المشكلة عدم تثبيت برنامج (Figma Font Installer) على النظام.

المزيد من المحتوى:لماذا لا يعمل EndNote؟ أفضل الطرق لحل المشكلة

في الواقع، لا يستطيع برنامج Figma على الويب الوصول إلى الخطوط المُثبّتة على جهازك افتراضيًا. لذلك، من الضروري تثبيت Font installers أولًا ليتمكن من التعرّف على الخطوط. بالطبع، حتى إذا لم تكن تستخدم إصدار الويب، وكان إصدار سطح المكتب مُثبّتًا على نظامك، يُنصح بتثبيت Figma Font installers. يُمكن للعديد من المُصمّمين حل مشكلة الخطوط في Figma بهذه الطريقة .

إصلاح مشاكل الخطوط في Figma عن طريق تثبيت برامج Figma Font installers

إصلاح مشكلة تصادم النص العشوائي في Figma

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

للقيام بذلك، يمكن للمسؤول عن المشروع النقر على تبويب Resources من الشريط الجانبي الأيسر لقسم Admin settings. بعد ذلك، عليك تحديد خيار  Font من قسم Fonts، ثم تحديد ملف الخط الذي تريده في النظام، ثم النقر على Open. سيؤدي هذا إلى إعطاء الخط المحدد للتصميم أولوية أعلى من الخطوط الأخرى على جهاز الكمبيوتر، مما يُسهّل الوصول إليه.

إصلاح مشكلة تصادم النص العشوائي في Figma

في Figma، تُرتَّب الخطوط بالترتيب. أولًا، تُعرَض الخطوط المُحمَّلة إلى المؤسسة أو Figma Organization Fonts. بعد ذلك، يُمكنك رؤية الخطوط المُثبَّتة على جهاز الكمبيوتر الخطوط المحلية (Local Fonts). وأخيرًا، تُوضَع (Google Web Fonts). لهذا السبب، إذا كنت تُخطِّط للعمل على تصميم كفريق، فإنَّ تحميل الخطوط إلى المؤسسة يُعدُّ أفضل طريقة لتجنب الفوضى.

إصلاح عدم تطابق وزن خطوط الويب من (Google Web Fonts)

قد يواجه مستخدمو خطوط جوجل أو Google Web Fonts أحيانًا مشكلة عدم تناسق أوزان الخطوط. قد تختلف أوزان الخطوط، مثل Bold، Light او Medium، وفي حال عدم تناسق هذه الإعدادات، قد يُعرض النص في التصميم بشكل غير صحيح. قد يعود سبب هذه المشكلة إلى تحميل نسخة من الخط إلى قسم تنظيم Figma. كذلك، في حال عدم تثبيت الخط المطلوب بالكامل على جهاز الكمبيوتر، أو في حال فقدان بيانات أوزانه، سيظهر الخط بأخطاء.

لذلك، من المهم ملاحظة أن Figma تُعطي الأولوية دائمًا للخطوط المُحمّلة أو المُثبّتة على النظام عند عرضها واستخدامها. لذلك، قد يتم تجاهل الخطوط المُستخدمة عبر Google Font أو قد تواجه مشاكل عند استخدامها. لحل هذه المشكلة، يُمكنك أنت وزملاؤك إزالة الخط المطلوب تمامًا من مؤسسة Figma من قسم Admin settings ومن النظام أيضًا. سيضمن هذا أن Figma يستخدم فقط الإصدار الكامل والمُحدّث من Google Font بجميع الأوزان الصحيحة.

إصلاح مشكلة عدم ظهور (Adobe fonts) في Figma

إذا كنت ترغب في استخدام خطوط Adobe ولكنك لا تراها في Figma أو قائمة الخطوط، فعليك تفعيلها. للقيام بذلك، تأكد أولًا من تثبيت Adobe Creative Cloud على نظامك وتشغيله. ثم سجّل دخولك إلى  موقع Adobe Fonts باستخدام حساب Adobe الخاص بك ، وابحث عن الخط الذي تريده. انقر الآن على زر Activate Fonts، Install family او Add to Creative Cloud لعرض الخط في Adobe Creative Cloud. إذا تم تحميل الخط بشكل صحيح، فسترى بجواره عبارة Available in Adobe and other apps. يشير هذا إلى إمكانية عرض الخط واستخدامه في تطبيقات مثل Figma.

المزيد من المحتوى: طرق لكتابة مد الحروف والكلمات مع حركة الفتح والضم والكسر والسكون على الأندرويد والأيفون والكمبيوتر

إصلاح مشكلة عدم ظهور خطوط Adobe في Figma

إصلاح مشكلة الخط في Figma بعد استيراد الملف من Sketch

إذا استوردتَ ملفًا من Sketch إلى Figma وواجهتَ خطأ Missing Fonts، فعليكَ التحقق من كيفية تسمية Sketch للخطوط. إذا كنتَ قد ثبّتَ الخطوط مُسبقًا، فقد يكون Sketch قد سجّل اسم الخط باسم OpenSans. هذا لأن Figma لا يتعرّف إلا على الإصدار الصحيح من OpenSans. لذلك، يجب عليكَ الانتباه إلى الكتابة الصحيحة لأسماء الخطوط. لحل هذه المشكلة، يمكنكَ أيضًا استخدام ميزة Replace Fonts لتحديد الخط المُثبّت الصحيح واستخدامه.

خاتمة

بشكل عام، لحل مشكلة الخطوط في Figma، يجب أولاً التأكد من تثبيت الخط المطلوب بشكل صحيح على النظام. إذا كنت تستخدم إصدار الويب من Figma، فيجب عليك تثبيت Font Installer أولاً ليتمكن Figma من الوصول إلى الخطوط على جهازك. يُنصح أيضًا باستخدام إضافة RTS PLZ لضبط الخطوط في Figma وتحسين كتابة النصوص العربية فيه.

إذا أمكن، إذا ظهرت لك رسالة خطأ Missing Fonts لبعض الخطوط، يُنصح باستبدالها بخطوط أكثر توافقًا مع تصميم الويب والتصميم القياسي باستخدام خيار Replace fonts. كذلك، إذا كنت تعمل على مشروع تصميم جماعي، يُنصح بتحديد أولوية خط المشروع من خلال Admin settings ليتمكن الجميع من استخدامه.

نصائح مهمة:

  1. تأكد من تثبيت الخط المطلوب على جهازك إذا كنت تستخدم Figma عبر التطبيق.
  2. إذا كنت تستخدم Figma على المتصفح، فعّل أداة Figma Font Helper لعرض الخطوط المحلية.
  3. استخدم خطوط ويب مدعومة لتجنب ظهور الخط بشكل غير صحيح عند مشاركة التصميم مع فريقك.
  4. جرّب الخط في أكثر من عنصر (عنوان، فقرة، زر) لتتأكد من عمله بدون مشاكل.
  5. عند مشاركة ملف مع فريق، ارفق ملف الخط (إذا كان خاص) لتجنّب اختلاف العرض عند الآخرين.

الأسئلة الشائعة

كيفية إضافة الخطوط إلى Figma؟

للقيام بذلك في إصدار الويب، عليك أولاً تثبيت Font installers ليتمكن البرنامج من الوصول إلى الخطوط المُثبّتة على جهاز الكمبيوتر. في إصدار سطح المكتب من Figma، انتقل إلىAdmin Settings > Resources > Fonts لتحميل الخطوط لتسهيل الوصول إليها.

لماذا لا يتم ترجمة الأرقام في Figma إلى اللغة العربية؟

يكتب Figma الأرقام افتراضيًا باللغة اللاتينية، حتى عند استخدام اللغة العربية. لذلك، لعرض الأرقام العربية، يجب استخدام خط يدعم الأرقام العربية مثل Vazir. كما يجب ضبط لغة النص إلى RTL (من اليمين إلى اليسار).

تعليقاتكم وإقتراحاتكم؟

Figma أداة بسيطة وعملية لتصميم واجهات المستخدم ومواقع الويب. هل واجهتَ مشاكل مع الخطوط العربية أثناء استخدام هذا البرنامج؟ بناءً على تجربتك، ما هو الحل الأمثل لهذه المشكلة؟ إذا كانت لديك أي تعليقات حول هذا الموضوع، يُرجى مشاركتها معنا ومع قراء هذه المقالة.

تعليقات