نقطة مهمة في تصميم الويب هي اختيار الخط المناسب لموقعك. الخط قادر على خلق جو خاص ، ونقل شخصية علامتك التجارية وتحسين تصور المحتوى. ومع ذلك ، في بعض الأحيان قد يكون هناك موقف عندما لا يتم تثبيت الخط المطلوب أو غير متوفر على موقعك.
في مثل هذه الحالات ، تحتاج إلى تنفيذ العديد من الإجراءات للتأكد من أن موقعك سيبدو مناسبا وجذابا للزوار.
أولا ، تحقق من الخطوط المتاحة افتراضيا على موقعك. تقدم المتصفحات بشكل افتراضي مجموعة من الخطوط التي يمكن استخدامها إذا كان الخط المطلوب غير متوفر. يمكنك تحديد خطوط بديلة لعناصر صفحة مختلفة في ورقة الأنماط للتأكد من أن النص سيتم عرضه دائما بشكل صحيح.
- كيفية حل مشكلة فقدان الخط المطلوب على الموقع
- الحاجة إلى استخدام خط معين
- التحقق من توفر الخط
- استخدام خطوط الويب القياسية
- استخدام أنواع الخطوط البديلة
- تنزيل خط من مصدر خارجي
- إعداد عرض الخط الصحيح
كيفية حل مشكلة فقدان الخط المطلوب على الموقع
عندما لا يتم العثور على الخط المطلوب على موقعك ، فهناك عدة طرق لحل هذه المشكلة:
1. تحقق من توصيل الخط بشكل صحيح. تأكد من تحديد المسار إلى ملف الخط في رمز موقعك بشكل صحيح. تحقق من أن ملف الخط موجود بالفعل في الموقع المحدد.
2. قم بتحميل الخط إلى الخادم الخاص بك. إذا كان الخط موجودا على خادم آخر ، فمن المحتمل أن الخادم الذي يستضيف موقعك لا يمكنه الوصول إليه بسبب قيود الأمان. حاول تحميل الخط إلى الخادم الخاص بك وحدد المسار إليه على موقعك.
3. استخدم خطا بديلا. إذا لم تتمكن من تحميل الخط الذي تحتاجه إلى الخادم الخاص بك أو لم تتمكن من العثور عليه في المجال العام ، ففكر في استخدام خط بديل له نمط مشابه أو تشابه مرئي مع الخط الذي تحتاجه.
على سبيل المثال ، بدلا من الخط أريال ، يمكنك استخدام الخط هلفتيكا. يرجى ملاحظة أن الخط البديل قد يختلف عن الخط الأصلي ، لذلك من المهم التحقق من مظهره على موقعك.
4. استخدم خطوط الويب. تسمح لك خطوط الويب باستخدام خطوط غير قياسية كخط على الموقع ، والتي يمكن تنزيلها من الإنترنت. يمكنك العثور على مكتبات خطوط الويب الجاهزة أو إنشاء خط الويب الخاص بك.
من المهم أن تتذكر أن استخدام خطوط الويب يتطلب تنزيل ملفات إضافية وقد يؤثر على سرعة تحميل موقعك ، لذا كن حذرا وقم بتحسين استخدامها.
عند حل مشكلة عدم وجود الخط المطلوب على الموقع ، من المهم الانتباه إلى فحص الخط وتوصيله بشكل صحيح ، وكذلك النظر في الخيارات البديلة. أيضا ، لا تنس أن الخط الذي تختاره يجب أن يكون ممتعا للقراءة ومطابقة المفهوم المرئي العام لموقعك.
الحاجة إلى استخدام خط معين
في بعض الأحيان ، عند تطوير موقع ويب ، يصبح من الضروري استخدام خط معين غير مدرج في مجموعة الخطوط القياسية لنظام التشغيل أو متصفح الويب. في هذه الحالة ، عندما لا يكون لدى العميل الخط اللازم على الكمبيوتر ، قد لا يتم عرض النص الموجود على الموقع بشكل صحيح ، مما قد يؤثر سلبا على الإدراك البصري وسهولة استخدام الموقع.
هناك عدة طرق لحل هذه المشكلة والتأكد من عرض النص بشكل صحيح على الموقع لجميع المستخدمين.
1. استخدام خطوط الويب القياسية: تدعم متصفحات الويب مجموعة محددة من الخطوط التي تعتبر قياسية. وتشمل هذه الخطوط أريال ، فيردانا ، تايمز نيو رومان ، الخ. يجب تثبيتها على جهاز الكمبيوتر الخاص بالمستخدم ، وبالتالي سيتم عرض النص المكتوب في هذه الخطوط بشكل صحيح.
2. تضمين الخطوط باستخدام كس: باستخدام خاصية كس الخاصة @ الخط الوجه ، يمكنك تضمين الخط المطلوب مباشرة على الموقع. للقيام بذلك ، قم بتحميل ملف الخط إلى الخادم وحدد مساره في رمز كس. سيسمح هذا للموقع بتنزيل الخط من الخادم واستخدامه لعرض النص. تتيح لك هذه الطريقة استخدام أي خط ، بغض النظر عما إذا كان متاحا على جهاز الكمبيوتر الخاص بالمستخدم.
3. استخدام خدمات خطوط الويب: هناك العديد من الخدمات التي توفر خطوط الويب التي يمكن توصيلها بالموقع عن طريق إضافة رمز خاص إلى الصفحة. تقدم هذه الخدمات مجموعة واسعة من الخطوط في أنماط واتجاهات مختلفة. في هذه الحالة ، يتم تنزيل الخطوط من خادم الويب الخاص بالخدمة ، مما يلغي الحاجة إلى تثبيت الخط على كمبيوتر المستخدم.
قد تنشأ الحاجة إلى استخدام خط معين عندما يكون من الضروري التأكيد على تفرد الموقع وتفرده ، أو خلق حالة مزاجية معينة أو ضمان التوحيد مع هوية الشركة. في مثل هذه الحالات ، يصبح الاختيار الصحيح للخط وعرضه الصحيح على الموقع مكونات مهمة لتصميم ناجح وتجربة مستخدم.
التحقق من توفر الخط
إذا لم يتم العثور على الخط المطلوب على موقعك ، يمكنك اتباع هذه الخطوات للتحقق من توفر الخط:
| الخطوة 1: | . تحقق من الإملاء وحالة الحروف. |
| الخطوة 2: | تأكد من تحميل الخط بشكل صحيح إلى الخادم ، أو استخدام مصدر خارجي مثل خطوط جوجل. تأكد من تحديد المسار إلى الخطوط بشكل صحيح. |
| الخطوة 3: | تحقق من أن الخط متاح للتنزيل على جهاز المستخدم. إذا كنت تستخدم خطا غير قياسي ، فتأكد من أنه يمكن للمستخدم مشاهدته. |
| الخطوة 4: | تحقق من دعم الخط للمتصفحات المختلفة. افتح موقعك على متصفحات مختلفة وتأكد من عرض الخط بشكل صحيح. إذا لم يكن الأمر كذلك ، فقد تحتاج إلى استخدام خط بديل أو توفير خيار نسخ احتياطي. |
باتباع هذه الخطوات ، ستتمكن من التحقق من المشكلة المتعلقة بالخط غير المتاح على موقعك وحلها.
استخدام خطوط الويب القياسية
إذا لم تتمكن من العثور على الخط الذي تحتاجه لموقعك ، فيمكنك استخدام خطوط الويب القياسية المتوفرة افتراضيا على معظم أنظمة التشغيل والمتصفحات.
فيما يلي بعض خطوط الويب الأكثر شيوعا التي يمكنك التعرف عليها:
بلا الرقيق:
- أريال
- هلفتيكا
- تاحوما
- فيردانا
- كاليبري
شريف:
- تايمز نيو رومان
- جورجيا
- كامبريا
- باسكرفيل
- غاراموند
أحادي الفضاء:
- ساعي جديد
- كونسولاس
- لوسيدا وحدة التحكم
- موناكو
- مينلو
. على سبيل المثال ، لاستخدام أريال كخط رئيسي لكل النص على موقعك ، يمكنك إضافة الكود التالي إلى ملف النمط الخاص بك:
المغلق / أنماط.المغلق
}
التعليمات البرمجية أعلاه يرشد المتصفح لاستخدام الخط أريال ، وإذا لم يكن متوفرا ، حدد أول خط متاح من الخطوط المدرجة في قائمة بلا الرقيق. لذلك ، يوصى بتحديد خطوط متعددة في الخاصية
الخط الأسرة
مع مصادر مختلفة ، للتأكد من أن المتصفح سيختار خطا مشابها إذا لم يتم العثور على الخط المحدد.
استخدام أنواع الخطوط البديلة
خطوط الويب: يمكنك استخدام الخطوط التي تم تنزيلها باستخدام خدمات خاصة مثل خطوط جوجل. فقط أضف رابطا إلى الخط في القسم
رمز هتمل وتطبيقه على العناصر المطلوبة باستخدام كس. سيرى المستخدمون النص باستخدام هذا الخط حتى إذا لم يكن مثبتا على أجهزة الكمبيوتر الخاصة بهم.
محارف خطوط النظام: بدلا من استخدام خط معين ، حدد عدة محارف لخطوط النظام متشابهة في الأسلوب في كس. سيقوم متصفح الويب تلقائيا بتحديد أول خط متاح من القائمة. على سبيل المثال ، يمكنك تحديد "أريال" ، "هلفتيكا" ، "بلا الرقيق" كقيم الممتلكات
الخط الأسرة
. وبالتالي ، إذا لم يكن الخط المطلوب متاحا ، فسيقوم المتصفح تلقائيا باستبداله بخط آخر مشابه.
الصور النصية: إذا كان الخط المطلوب غير متوفر ، يمكنك إنشاء صورة بالنص المطلوب واستخدامها على الموقع. سيسمح لك ذلك بالحفاظ على عرض الخط الدقيق ، ولكن قد لا يكون مناسبا للعمل معه ويتطلب مزيدا من الوقت أثناء عملية التطوير.
- يعتمد اختيار كيفية استخدام أنواع الخطوط البديلة على تفضيلاتك ومتطلبات المشروع. تذكر أن الطريقة الأكثر تنوعا وموثوقية هي استخدام خطوط الويب ، لأنها تضمن العرض الصحيح للنص لجميع المستخدمين ، بغض النظر عن الخطوط المثبتة على أجهزة الكمبيوتر الخاصة بهم.
- تنزيل خط من مصدر خارجي
- مع سمات خاصة:
- قم بتطبيق الخط على عناصر الصفحة. بعد تحميل الخط بنجاح ، يمكن تطبيقه على عناصر الصفحة المطلوبة. يتم استخدام خاصية كس لهذا
الخط الأسرة
إلى عنصر هتمل.مثال على نص باستخدام الخط الذي تم تنزيله.
| في هذا المثال ، نقوم بتنزيل خط من مصدر خارجي عن طريق إضافة رابط إلى ملف الخط في القسم | وتطبيقه على العنصر |
|---|---|
| على الصفحة. | الآن بعد تحميل الخط المطلوب ، سيتم عرضه بشكل صحيح على الموقع لجميع الزوار ، بغض النظر عما إذا كان الخط متاحا على أجهزتهم. |
| إعداد عرض الخط الصحيح | عندما لا تتمكن من العثور على الخط الذي تحتاجه على موقع ويب ، فهناك عدة طرق لإعداد العرض الصحيح للنص على صفحة الويب. فيما يلي بعض التوصيات التي يمكن أن تساعدك في حل هذه المشكلة: |
| خطوة | الوصف |
| 1 | تحقق مما إذا كان الخط متاحا على الخادم الخاص بك أو مورد جهة خارجية |
| 2 | تحقق من صحة اسم الخط في التعليمات البرمجية |
| 3 | استخدم الخطوط المتاحة للجمهور مثل أريال أو تايمز نيو رومان أو فيردانا |
| 4 | استخدام خدمات خطوط الويب مثل خطوط جوجل أو خطوط أدوبي |
| 5 | قم بتنزيل الخط من موقع المطور وتحميله على الخادم الخاص بك |
6