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