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