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