يلعب الخط دورا مهما في إنشاء التصميم المرئي لموقع الويب. يمكن أن يؤثر على سهولة قراءة النص ومزاج الزوار وتصور المعلومات. إذا كنت مطور ويب أو مسؤول خادم وتريد تغيير الخط على موقعك ، فيمكنك استخدام عدة طرق. في هذه المقالة ، سننظر في كيفية تغيير الخط على الخادم للمبتدئين.
هناك عدة طرق لتغيير الخط على الخادم. واحدة من أسهل الطرق هي استخدام كس (أوراق الأنماط المتتالية). مع كس ، يمكنك تحديد ليس فقط الخط الذي تريد استخدامه ، ولكن أيضا حجمه ولونه وسمكه وخصائص أخرى. للقيام بذلك ، تحتاج إلى إنشاء ملف نمط وتوصيله إلى رمز هتمل الخاص بك.
إذا كنت ترغب في تغيير الخط على جميع صفحات موقعك ، فأنت بحاجة إلى إضافة ملف نمط على الخادم. للقيام بذلك ، إنشاء ملف جديد مع التمديد.المغلق وفتحه في محرر النصوص. ثم أضف الكود التالي:
في هذا المثال ، استخدمنا الخط أريال ، تعيين حجم إلى 16 بكسل ، لون النص إلى # 333 ، وتباعد الأسطر إلى 1.5. يمكنك تغيير هذه القيم إلى قيمك الخاصة.
ما هو الخط وكيف يعمل?
عند عرض نص على الخادم ، تعمل الخطوط من خلال دمج ترميزات الأحرف ، حيث يتم تعيين رمز رقمي فريد لكل حرف. وتشمل ترميزات الأحرف معايير مثل أسي ، ونيكود ، وغيرها. عندما يقوم المتصفح بتحميل صفحة ويب ، فإنه يستخدم الخطوط المحددة لعرض النص بناء على ترميز الأحرف المحدد في شفرة هتمل.
يمكن استخدام كس (أوراق الأنماط المتتالية) لتغيير الخط على الخادم. كس يسمح لك للسيطرة على مظهر وأسلوب النص ، بما في ذلك اختيار الخط والحجم واللون ، وغيرها من المعالم. لتطبيق كس على النص على الخادم ، يجب عليك استخدام محددات كس المناسبة والخصائص التي تحدد القيم المطلوبة للخط.
| الممتلكات | الوصف |
|---|---|
| الخط الأسرة | يحدد مجموعة من الخطوط ذات الأولوية لعرض النص |
| حجم الخط | يحدد حجم الخط |
| الخط الوزن | يحدد محتوى الدهون في الخط (عادي ، غامق ، غامق ، إلخ.) |
| نمط الخط | يحدد نمط الخط (عادي ، مائل ، تحته خط ، إلخ.) |
| اللون | يحدد لون النص |
باستخدام كس ، يمكنك تعيين الخطوط للنص بأكمله على صفحة ويب ، وكذلك للعناصر الفردية. لتطبيق تغييرات الخط على الخادم ، تحتاج إلى إجراء التغييرات المناسبة على رمز هتمل أو ملف كس الخارجي المستخدم لنمط الصفحة.
الفرق بين الخطوط المحلية والخوادم
عندما يتعلق الأمر بالخطوط على موقع ويب ، فهناك نوعان رئيسيان: محلي وجانب الخادم. يمكن أن يكون فهم الفرق بينهما خطوة مهمة عند إدارة الخطوط وتغييرها على الخادم.
الخطوط المحلية هي الخطوط التي يتم تثبيتها مباشرة على جهاز الكمبيوتر الخاص بالمستخدم. عند تحميل صفحة ويب ، يحاول المتصفح العثور على خط محلي يطابق الخط المحدد في رمز الصفحة. إذا تم العثور على خط مناسب ، فسيستخدمه المتصفح لعرض النص.
ومع ذلك ، إذا لم يكن لدى المستخدم خط محلي ، فسيستخدم المتصفح خطا بديلا أو الخط الافتراضي. لذلك ، لضمان عرض صفحة الويب نفسها لجميع المستخدمين ، حتى أولئك الذين ليس لديهم خطوط محلية ، غالبا ما يتم استخدام خطوط الخادم.
خطوط الخادم هي خطوط يتم تخزينها على الخادم وتنزيلها في كل مرة تزور فيها صفحة ويب. يسمح هذا لمتصفح المستخدم بتنزيل الخط من الخادم بدلا من محاولة العثور عليه على جهاز الكمبيوتر الخاص بالمستخدم. نتيجة لذلك ، حتى إذا لم يكن لدى المستخدم خط معين ، فسيظل قادرا على رؤية النص بالخط المطلوب ، حيث سيتم تنزيل الخط من الخادم.
وقد تم تطوير خدمات خاصة لاستخدام الخطوط الخادم ، مثل جوجل الخطوط أو تيبيكيت ، والتي تقدم مجموعة واسعة من الخطوط وتوفير التعليمات البرمجية التي يمكن استخدامها على صفحة ويب لتحميل الخطوط من خوادمهم.
وبالتالي ، فإن استخدام الخطوط من جانب الخادم يسمح للمطورين بالتحكم في عرض النص على صفحة الويب وضمان عرض موحد لجميع المستخدمين ، بغض النظر عن توفر الخطوط المحلية.