عند تطوير موقع ويب أو تطبيق ، فإن إحدى المشكلات المهمة هي اختيار الخط. بعد كل شيء ، يمكن أن تؤثر الخطوط بشكل كبير على تصور النص والتصميم بأكمله ككل. للتأكد من أن الخط سيتم عرضه بشكل صحيح على جميع الأجهزة ، تحتاج إلى تحديد خط متاح على جميع الأجهزة. В этой статье мы расскажем о шрифтах, которые есть на всех устройствах и подходят для использования в веб-дизайне или разработке.
Шрифты, которые есть на всех устройствах:
Sans-serif: Arial, Arial Black, Arial Bold, Arial Bold Italic, Arial Italic, Arial Narrow, Arial Narrow Bold, Arial Narrow Bold Italic, Arial Narrow Italic, Arial Rounded MT Bold.
Serif: Times New Roman, Times New Roman Bold, Times New Roman Bold Italic, Times New Roman Italic.
مونوسبيس: ساعي جديد ، ساعي جديد جريئة ، ساعي جديد جريئة مائل ، ساعي جديد مائل.
يتم توزيع هذه الخطوط على نطاق واسع ومتاحة على جميع أجهزة الكمبيوتر المكتبية والأجهزة المحمولة. وهي مدعومة من قبل أنظمة التشغيل المختلفة ، بما في ذلك ويندوز ، ماك ، دائرة الرقابة الداخلية والروبوت. باستخدام هذه الخطوط ، يمكنك التأكد من أن النص الخاص بك سيبدو كما هو على جميع الأجهزة وفي جميع المتصفحات.
- ما هي الخطوط المتوفرة على جميع الأجهزة: القائمة الكاملة
- الخطوط القياسية لمتصفحات الويب
- خطوط النظام الشعبية على ويندوز
- خطوط النظام الشعبية على ماك
- الخطوط شعبية لدائرة الرقابة الداخلية وأجهزة الروبوت
- الخطوط الشعبية لأجهزة دائرة الرقابة الداخلية:
- الخطوط الشعبية لأجهزة الروبوت:
- جوجل الخطوط الخطوط
- الخطوط الشعبية الأخرى
ما هي الخطوط المتوفرة على جميع الأجهزة: القائمة الكاملة
عند تطوير مواقع الويب والتطبيقات ، من المهم أن تضع في اعتبارك أن الأجهزة المختلفة قد تستخدم خطوطا مختلفة. لجعل النصوص الخاصة بك تبدو متشابهة على جميع الأجهزة ، تحتاج إلى استخدام الخطوط المثبتة مسبقا على جميع الأجهزة.
فيما يلي قائمة كاملة بالخطوط المتوفرة على جميع الأجهزة:
- أريال هو خط بلا الرقيق المشترك ، وغالبا ما تستخدم في تصميم المواقع الإلكترونية.
- تايمز نيو رومان هو خط رقيق كلاسيكي ، مناسب للوثائق الرسمية.
- فيردانا هو خط نظيف وواضح يقرأ جيدا على شاشات الأجهزة الإلكترونية.
- المنجنيق مس هو الخط الحديث ، لطيف للقراءة ، وغالبا ما تستخدم في تصميم المواقع الإلكترونية.
- جورجيا هو الخط الرقيق أنيقة ، ومجموعة واسعة من الشخصيات وقراءة جيدة.
- الهزلي بلا مللي ثانية هو خط غير رسمي يسبب آراء مختلطة ، لكنه لا يزال موزعا على نطاق واسع.
- ساعي جديد هو خط أحادي المسافة ، وغالبا ما يستخدم لكتابة التعليمات البرمجية.
عند اختيار خط لموقع الويب أو التطبيق الخاص بك ، ضع في اعتبارك سهولة القراءة والاتساق والجمهور المستهدف. إضافة خطوط إضافية من خلال استخدام خدمات الويب مثل جوجل الخطوط سوف تساعدك أيضا على جعل المشروع الخاص بك فريدة وجذابة.
الخطوط القياسية لمتصفحات الويب
عند العمل مع تطوير الويب ، من المهم أن تضع في اعتبارك أنه لا يمكن لجميع الأجهزة دعم خطوط معينة. ولكن هناك مجموعة من الخطوط التي يمكن اعتبارها قياسية والتي تكاد تكون مضمونة لتكون متاحة على جميع الأجهزة.
وفيما يلي قائمة من الخطوط القياسية الرئيسية:
- أريال: خط بلا الرقيق المشترك الذي غالبا ما يستخدم في تصميم مواقع الإنترنت;
- هلفتيكا: خط آخر غير مقطوع شائع مشابه لأريال;
- تايمز نيو رومان: خط رقيق كلاسيكي ، مشهور للطباعة والطباعة;
- جورجيا: عائلة من الخطوط الرقيقة تقرأ جيدا على الشاشة;
- فيردانا: خط مع نسخة غير مقطوعة من أريال ، مصممة خصيصا لمواقع الويب;
- ساعي جديد: الخط الرقيق ، وغالبا ما تستخدم لعرض رمز أو النص أحادي المسافة;
- وسيدا وحدة التحكم: الخط الرقيق آخر يقرأ جيدا على شاشات الكمبيوتر.
هذه ليست سوى بعض الخطوط القياسية التي يمكنك استخدامها في مشاريعك. من المهم أن تتذكر أنه عند تطوير موقع ويب ، من الأفضل عدم استخدام أكثر من ثلاثة أو أربعة خطوط لتجنب الحمل الزائد للتصميم وضمان عرض نص عالي الجودة على أجهزة مختلفة.
إذا كانت لديك الفرصة لاستخدام الخطوط المخصصة ، فسيمنحك ذلك مزيدا من الحرية في تصميم وتفرد موقعك. ولكن نضع في اعتبارنا أن ليس كل الأجهزة تدعم مثل هذه الخطوط ، لذلك فمن الأفضل لتوفير بدائل أو استخدام الخدمات الخارجية مثل جوجل الخطوط أو أدوبي الخطوط ، والتي سوف تسمح لك لتحميل الخط المخصص الخاص بك إلى موقع الويب الخاص بك.
في أي حال ، يجب أن يكون اختيار الخط مبررا ومطابقا للمحتوى والتصميم الخاص بك. استخدم الخطوط بعناية وبشكل مناسب حتى يكون الانطباع المرئي لموقعك على الويب ممتعا واحترافيا لمستخدمي جميع الأجهزة.
خطوط النظام الشعبية على ويندوز
يأتي نظام التشغيل ويندوز مع مجموعة كبيرة من خطوط النظام المتوفرة على جميع الأجهزة التي تعمل بنظام التشغيل هذا. وفيما يلي قائمة من بعض الخطوط نظام شعبية على ويندوز:
- أريال
- كاليبري
- كامبريا
- كاندارا
- كونسولاس
- كوربيل
- ساعي جديد
- جورجيا
- سيجو أوي
- تاحوما
- تايمز نيو رومان
- المنجنيق مرض التصلب العصبي المتعدد
- فيردانا
هذه ليست سوى بعض من العديد من الخطوط التي تقدمها ويندوز. كل من هذه الخطوط له أسلوبه الفريد ومناسب لأغراض مختلفة مثل المستندات المطبوعة وتطوير الويب والتصميم وما إلى ذلك.
خطوط النظام الشعبية على ماك
معظم أجهزة ماك تأتي مع مجموعة مثبتة مسبقا من خطوط النظام التي يمكن استخدامها لعرض النص على مختلف التطبيقات والمواقع. وفيما يلي قائمة من بعض الخطوط نظام شعبية على ماك:
| الخط | الوصف |
|---|---|
| سادس برو | الخط أبل الرسمي المستخدم في ماك ودائرة الرقابة الداخلية. لديها العديد من المحارف ويمكن قراءتها للغاية. |
| هلفتيكا نويه | خط كلاسيكي تم تثبيته مسبقا على العديد من أجهزة أبل. لديها القرابة مع الخط هلفتيكا ، ولكن مع بعض التحسينات. |
| أفينير | إنه خط أنيق وحديث مع نص جيد للقراءة. وغالبا ما تستخدم في مختلف التطبيقات على ماك. |
| باسكرفيل | هذا الخط الكلاسيكي لديه حروف أنيقة وكبيرة لتصميم الطباعة والطباعة على ماك. |
| تايمز نيو رومان | يعرف هذا الخط بأسلوبه الكلاسيكي وقد تم استخدامه في الطباعة لمئات السنين. ويدعم على نطاق واسع على جميع أجهزة ماك. |
هذا هو مجرد مجموعة صغيرة من الخطوط نظام شعبية على ماك. اعتمادا على إصدار ماك والتطبيقات المثبتة على جهازك ، قد تكون الخطوط الأخرى المتاحة التي لم يتم سردها في هذه القائمة.
الخطوط شعبية لدائرة الرقابة الداخلية وأجهزة الروبوت
عند تطوير تطبيقات الويب أو الهاتف المحمول ، من المهم بشكل خاص استخدام الخطوط التي سيتم عرضها بشكل صحيح على أجهزة وأنظمة تشغيل مختلفة. في هذه المقالة, ونحن سوف ننظر في بعض الخطوط شعبية لأجهزة دائرة الرقابة الداخلية والروبوت.
الخطوط الشعبية لأجهزة دائرة الرقابة الداخلية:
- هلفتيكا نويه
- أفينير
- سان فرانسيسكو
- فوتورا
- جورجيا
- تايمز نيو رومان
- أريال
وتستخدم هذه الخطوط على نطاق واسع في تطبيقات دائرة الرقابة الداخلية والتصميم. لديهم نظرة نظيفة وحديثة ، مما يجعلها شعبية بين المطورين.
الخطوط الشعبية لأجهزة الروبوت:
- روبوتو
- نوتو بلا
- الروبوت الرقيق
- فتح بلا
- حزب العمال بلا
- مونتسيرات
- المصدر بلا برو
هذه الخطوط هي المعيار لأجهزة الروبوت وتستخدم على نطاق واسع في تطبيقات الجوال والويب. لديهم نظرة حديثة وقابلة للقراءة ، مما يجعلها شعبية بين المطورين والمستخدمين.
عند اختيار خط للتطبيق الخاص بك ، فمن المستحسن أن تولي اهتماما للغرض من التطبيق ، جمهورها والتصميم من أجل إنشاء واجهة متناغمة وقابلة للقراءة لمستخدمي أجهزة دائرة الرقابة الداخلية والروبوت.
جوجل الخطوط الخطوط
يتم استضافة جميع الخطوط جوجل على خوادم جوجل ، لذلك ليس هناك حاجة لتحميل الخطوط إلى الخادم الخاص بك. هذا يبسط عملية استخدام الخطوط ويضمن إمكانية وصول عالية.
يوجد أدناه جدول يوضح بعض خطوط جوجل الشائعة وأمثلتها:
| الخط | مثال |
|---|---|
| روبوتو | نموذج النص |
| فتح بلا | نموذج النص |
| لاتو | نموذج النص |
| مونتسيرات | نموذج النص |
| المصدر بلا برو | نموذج النص |
يمكنك بسهولة استخدام خطوط جوجل على موقع الويب الخاص بك عن طريق إضافة الكود التالي إلى قسم من مستند هتمل الخاص بك:
يستخدم الرمز أعلاه خط روبوتو. يمكنك أيضا تحديد وإضافة خطوط أخرى عن طريق تغيير المعلمات في عنوان ورل.
توفر خطوط جوجل مجموعة واسعة من الخطوط ، مما يسمح لمطوري الويب باختيار ما يناسب تصميمهم ومتطلباتهم. سيساعد استخدام خطوط جوجل في جعل موقع الويب الخاص بك فريدا وجذابا للمستخدمين.
الخطوط الشعبية الأخرى
بالإضافة إلى الخطوط الموضحة أعلاه ، تتوفر أيضا خطوط شائعة أخرى على جميع الأجهزة:
- أريال
- تايمز نيو رومان
- ساعي جديد
- فيردانا
- جورجيا
- هزلية بلا السيدة
- المنجنيق السيدة
- تأثير
- لوسيدا بلا يونيكود
- طعمة
تستخدم هذه الخطوط على نطاق واسع في تصميم الويب ويمكن التعرف عليها من قبل العديد من المستخدمين ، حيث توجد غالبا على مواقع الويب المختلفة ويتم عرضها على جميع الأجهزة تقريبا.