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