it-swarm.asia

كيف يمكنني اختيار الخط والحجم المناسبين لموقعي؟

رأيت مرة واحدة كتابًا مدرسيًا أوصى بنطاق بيكا معين لكل من الخطوط المختلفة. هل هناك أي دليل متاح عبر الإنترنت؟ ما هي خياراتي؟ ما الذي يجب أن أعرفه كمبتدئ؟

4
goodguys_activate

عليك أن تضع في اعتبارك أن أنظمة التشغيل المختلفة (Windows ، Mac ، Linux) لديها خطوط افتراضية مختلفة تشكل جزءًا من نظام التشغيل. هذا يعني أنه إذا اخترت خطًا متاحًا على Windows ولكن ليس على Mac أو Linux ، فسيشاهد هؤلاء المستخدمون خطًا مختلفًا. سيكون هذا الخط هو أقرب تطابق يمكن لنظام التشغيل اختياره. إذا كنت تريد أن يبدو موقعك متجانسًا عبر الأنظمة الأساسية ، فستحتاج إلى اختيار خطوط مشتركة بين الثلاثة. بدلاً من ذلك ، يمكنك إعلان خطوط متعددة في CSS وفقًا لتفضيلاتك التي ترغب في استخدامها. مثال:

_/* Sample CSS rule */
p 
{
    font-family: arial, helvetica, sans-serif;
}
_

في هذا المثال ، ستستخدم جميع العلامات _<p>_ الخط arial إذا كان متاحًا. إذا لم يكن المستعرض هو محاولة استخدام الخط helvetica ، وإلا فهو محاولة الخط الافتراضي sans-serif. تأكد دائمًا من أن الخط الأخير قد أعلن أنه نظام عام افتراضي. راجع هذه المقالة لـ 8 مكدسات خطوط آمنة للاستخدام .

خيار آخر هو استخدام الجديد @font-face قاعدة CSS التي تسمح لك باستخدام الخطوط غير القياسية. تحتاج إلى توفير الخط على موقع الويب الخاص بك ولكن إذا كان متصفح المستخدم يدعم @ font-face فإنه سيتم تنزيله واستخدامه. دعم هذا غير منتظم عبر المتصفحات وبعض المتصفحات القديمة لا تتعرف عليه حتى الآن. ولكن مع القليل من الجهد يمكن استخدامه في المواقع الحديثة.

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

4
John Conde

لست متأكدًا حقًا من الإجابة الصحيحة - لكنني علمت أنه لا يمكنك القياس في pica على موقع ويب (حتى لو كان CSS يتظاهر بالسماح بذلك). وأخشى أنك لا تستطيع القياس بأي شيء ، لأنه إذا كان لدى المستخدم شاشة 22 بوصة (الدقة 1920 × 1080) ، فسيكون حجم الخط أصغر بكثير مقارنة بشاشة 24 بوصة بنفس الدقة. - لا يمكنك تحديد حجم الشاشة من صفحة الويب.

علاوة على ذلك ، يعتمد أيضًا بشكل كبير على الخط: سيظهر Verdana أكبر بكثير من e. ز. تايمز الرومانية الجديدة.

بعد قولي هذا ، أود أن أرى إرشادات جيدة ، أيضًا!

1
Chris Lercher