عند إنشاء موقع ويب ، فإن أحد الجوانب الرئيسية للتصميم المرئي هو اختيار الخطوط المناسبة. ومع ذلك ، يمكن أن تجعل مئات وآلاف أنواع الخطوط من الصعب اختيار الخط المناسب لموقعك. هناك العديد من العوامل التي يجب مراعاتها عند اختيار الخط ، بما في ذلك توفره على متصفحات مختلفة.
يشعر مطورو الويب دائما بالقلق بشأن الخطوط التي سيتم عرضها بشكل صحيح على المتصفحات والأجهزة المختلفة. تدعم المتصفحات مجموعات خطوط مختلفة ، وقد لا تتوفر بعض الخطوط لإصدارات أو أجهزة معينة. لذلك ، فإن معرفة قائمة الخطوط المدعومة لكل متصفح هي معلومات مهمة للمطورين.
توفر هذه المقالة قائمة كاملة بالخطوط التي تدعمها المتصفحات المختلفة. ستساعدك معرفة هذه الخطوط على اتخاذ القرار الصحيح لمشروعك والتأكد من أن موقع الويب الخاص بك يلبي متطلبات إمكانية الوصول الحديثة والتوافق عبر المتصفحات.
- جميع الخطوط التي يدعمها المتصفح
- الخطوط الشائعة لصفحة الويب
- الخطوط القياسية التي يدعمها المتصفح
- الخطوط غير القياسية التي يدعمها المتصفح
جميع الخطوط التي يدعمها المتصفح
تدعم المتصفحات الخطوط المختلفة التي تستخدمها لعرض النص على صفحة الويب. وهنا لائحة من بعض الخطوط الشعبية التي يدعمها المتصفح:
- أريال
- تايمز نيو رومان
- فيردانا
- تاحوما
- ساعي جديد
- جورجيا
- بالاتينو لينوتايب
- هلفتيكا
- هزلية بلا السيدة
- التأثير
هذه الخطوط قياسية لمعظم أنظمة التشغيل ، وبالتالي فهي متوفرة في جميع المتصفحات. ومع ذلك ، يمكن لمطوري الويب إضافة خطوط أخرى باستخدام كس.
عند استخدام الخطوط على صفحة ويب ، من المهم أن تضع في اعتبارك إمكانية الوصول والتوافق مع المتصفحات المختلفة. يمكن لمجموعة الخطوط المصممة جيدا أن تحسن بشكل كبير من سهولة قراءة النص ومظهره على الصفحة.
الخطوط الشائعة لصفحة الويب
عند إنشاء صفحة ويب ، من المهم اختيار الخط المناسب الذي سيبدو قابلا للقراءة وجذابا للزوار. غالبا ما يستخدم مطورو الويب الخطوط الشائعة التالية:
| الخط | الوصف |
|---|---|
| أريال ، هلفتيكا ، بلا شريف | هذه الخطوط هي من بين الأكثر شعبية وانتشارا في تصميم الويب. فهي قابلة للقراءة ولديها دعم للعديد من اللغات. |
| فيردانا ، جنيف ، بلا الرقيق | يعرف هذا الخط بقابليته للقراءة ، خاصة على الشاشات منخفضة الدقة. انها مناسبة تماما للاستخدام في عناوين كبيرة. |
| جورجيا ، شريف | يعد خط جورجيا أحد أكثر الخطوط شيوعا لنص النص. له أسلوب كلاسيكي ويمكن قراءته تماما على الشاشة. |
| تايمز نيو رومان ، تايمز ، الرقيق | تايمز نيو رومان هو خط آخر يستخدم على نطاق واسع لمحتوى نص صفحات الويب. لديها نظرة كلاسيكية وأنيقة. |
| ساعي جديد ، أحادي الفضاء | الخط الجديد للساعي هو عرض خط ثابت ، مما يجعله مثاليا لعرض التعليمات البرمجية أو العناصر الأخرى التي تتطلب خطا أحادي المسافة. |
هذه ليست سوى جزء صغير من الخطوط الشعبية التي تدعمها معظم المتصفحات. عن طريق اختيار الخط المناسب لصفحة الويب الخاصة بك ، يمكنك إنشاء تصميم جذاب ومهني.
الخطوط القياسية التي يدعمها المتصفح
توفر متصفحات الويب مجموعة من الخطوط القياسية المدعومة على جميع أنظمة التشغيل. هذا يعني أنه إذا كنت تستخدم أحد هذه الخطوط في موقع الويب الخاص بك ، فسيتم عرضه بشكل صحيح على جميع الأجهزة دون الحاجة إلى تثبيت خطوط إضافية.
فيما يلي قائمة بالخطوط القياسية التي تدعمها المتصفحات:
| الخط | الوصف |
|---|---|
| أريال | خط مسجل يستخدم في مايكروسوفت ويندوز والعديد من أنظمة التشغيل الأخرى. |
| فيردانا | خط مصمم خصيصا للاستخدام على الشاشة. إنه خط واضح وقابل للقراءة جيدا. |
| تايمز نيو رومان | خط شائع يستخدم على نطاق واسع في الطباعة وعلى مواقع الويب. |
| المنجنيق مرض التصلب العصبي المتعدد | خط حديث صممته مايكروسوفت يقرأ جيدا على الشاشة. |
| جورجيا | خط مصمم للاستخدام على الإنترنت ومناسب تماما لعرض كتل النص الطويلة. |
| ساعي جديد | خط أحادي المسافة يستخدم لعرض التعليمات البرمجية والنصوص أحادية المسافة الأخرى ذات الصلة. |
يتيح لك اختيار خط قياسي من هذه القائمة إنشاء مواقع ويب تبدو متشابهة على جميع الأجهزة وأنظمة التشغيل ، مما يضمن سهولة القراءة وإمكانية الوصول إلى المحتوى بشكل أفضل.
الخطوط غير القياسية التي يدعمها المتصفح
تدعم معظم المتصفحات الحديثة استخدام الخطوط غير القياسية. يتيح ذلك لمطوري الويب استخدام حلول مطبعية متنوعة وإنشاء تصميمات فريدة وجذابة.
يوجد أدناه جدول للخطوط التي يمكن استخدامها على الويب إذا كانت مثبتة على كمبيوتر المستخدم:
| الخط | مثال |
|---|---|
| ارييل بلاك | نموذج النص |
| هزلية بلا السيدة | نموذج النص |
| ساعي جديد | نموذج النص |
| جورجيا | نموذج النص |
| المنجنيق مرض التصلب العصبي المتعدد | نموذج النص |
| فيردانا | نموذج النص |
. ومع ذلك ، ضع في اعتبارك أن الخطوط غير المثبتة على جهاز الكمبيوتر الخاص بالمستخدم لن يتم عرضها بشكل صحيح ، لذلك يوصى بتحديد خطوط بديلة في قاعدة كس:
الخط الأسرة: 'أريال' ، بلا الرقيق;