Skip to main content

اختيار خطوط الويب الآمنة لمواقع الويب الخاصة بك

[ Css3 In Arabic ] #55 - Font Face (أبريل 2025)

[ Css3 In Arabic ] #55 - Font Face (أبريل 2025)
Anonim

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

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

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

الربط بخطوط الويب

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

Sans Serif Web Safe Fonts

تعتبر مجموعة الخطوط هذه واحدة من أفضل الرهانات للخطوط الآمنة للويب. إذا قمت بتضمينها في مكدّلات الخط ، فسيشاهد جميع الأشخاص الصفحة بشكل صحيح. بعض خطوط الأمان على الإنترنت sans-serif الشائعة هي:

  • اريال
  • ارييل الأسود
  • نوع تهامه
  • Trebuchet MS
  • فيردانا

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

  • القرن القوطية
  • جنيف
  • وسدا
  • لوسيدا بلا
  • لوسيدا غراندي

Serif Web Safe Fonts

بالإضافة إلى خطوط sans-serif ، تعتبر عائلة الخط serif خيارًا شائعًا آخر لمواقع الويب. في ما يلي بعض من أكثر الرهانات أمانًا بالنسبة لك لاستخدامها إذا كنت تريد استخدام خط serif:

  • التوصيل
  • ساعي جديد
  • جورجيا
  • مرات
  • تايمز نيو رومان

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

  • مرض التصلب العصبي المتعدد Serif
  • نيويورك
  • بالاتينو
  • Palatino Linotype

خطوط Monospace

في حين لا تستخدم على نطاق واسع كخطوط serif و sans-serif ، فإن الخطوط أحادية المسافة هي أيضًا خيارًا. هذه الخطوط هي تلك التي تتميز بالأحرف التي تكون كلها متباعدة بالتساوي. ليس لديهم قبول واسع عبر المنصات ، ولكن إذا كنت تريد استخدام خط monospace ، فهذه هي أفضل رهان:

  • التوصيل
  • ساعي جديد

هذه الخطوط لديها أيضا بعض التغطية.

  • Lucida Console
  • موناكو

مخطوطة والخيال الخطوط

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

يوجد خط متصل واحد فقط متاح على نظامي التشغيل Windows و Macintosh ، ولكن ليس على Linux. ومن Comic Sans MS. لا توجد خطوط خيالية تتمتع بتغطية جيدة عبر المتصفحات وأنظمة التشغيل. هذا يعني أنك إذا كنت تستخدم مخطوطة من الخطوط الخيالية على موقع الويب الخاص بك ، فمن المحتمل أنك تستخدمها كخطوط ويب وتربط بملف الخط المناسب.

الهواتف الذكية والأجهزة المحمولة

إذا كنت تصمم صفحات للأجهزة المحمولة ، فإن خيارات الخط الآمن للويب تكون متغيرة. بالنسبة لأجهزة iPhone و iPod و iPad ، تتضمن الخطوط العامة ما يلي:

  • اريال
  • التوصيل
  • ساعي جديد
  • جورجيا
  • هلفتيكا
  • بالاتينو
  • تايمز نيو رومان
  • Trebuchet MS
  • فيردانا

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

المقالة الأصلية لجنيفر كرينين. حرره جيريمي جيرارد في 8/8/17