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