الخط هو أحد العناصر المهمة لتصميم الموقع. يمكن أن يؤثر اختيار الخط الصحيح بشكل كبير على سهولة قراءة المحتوى ومظهره. تتمثل إحدى طرق تخصيص الخط على الموقع في استخدام سلسلة مع معلمات الخط.
سلسلة معلمة الخط عبارة عن رمز خاص يسمح لك بتخصيص خصائص الخط المختلفة مثل الحجم ومخطط الخط والسماكة واللون. يتم إدراج هذا الرمز في ملف كس أو داخل علامة
на странице сайта.من خلال تخصيص الخط باستخدام سلسلة مع المعلمات ، يمكنك إنشاء نمط فريد لموقعك. يمكنك اختيار خط آخر غير الخط القياسي لتسليط الضوء على المعلومات المهمة أو إنشاء عنوان مذهل. بالإضافة إلى ذلك ، تسمح لك سلسلة المعلمات بالتحكم في جوانب مختلفة من الخط ، مثل تباعد الحروف وتباعد الأسطر والظل والمزيد.
- أساسيات تخصيص الخط
- اختيار نمط الخط وحجمه
- 1. استخدام خطوط النظام القياسية
- 2. وضع خطوط محددة من الأسرة
- 3. تحديد حجم الخط
- 4. استخدام نص غامق ومائل
- تحديد لون الخط
- إضافة معلمات إضافية
أساسيات تخصيص الخط
- الخط الأسرة: تعيين عائلة الخط لعرض النص مع الأولوية من الأول المحدد إلى الأخير;
- حجم الخط: يحدد حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى;
- وزن الخط: يحدد تشبع الخط ، على سبيل المثال ، غامق أو عادي;
- نمط الخط: يحدد نمط الخط ، مثل الخط المائل أو العادي;
- ارتفاع الخط: يحدد ارتفاع الخط بالبكسل أو النسب المئوية;
- محاذاة النص: محاذاة النص أفقيا ، على سبيل المثال ، إلى اليسار أو اليمين أو في المنتصف;
- زخرفة النص: يضيف تصميم نص زخرفي ، مثل التسطير أو يتوسطه خط;
- تحويل النص: يغير حالة النص ، على سبيل المثال ، يجعل جميع الأحرف كبيرة أو صغيرة;
- تباعد الحروف: يحدد التباعد بين الحروف بالبكسل أو وحدات القياس الأخرى;
- تباعد الكلمات: يحدد التباعد بين الكلمات بالبكسل أو وحدات القياس الأخرى.
من خلال الجمع بين هذه الخيارات ، يمكنك إنشاء تصميم خط فريد وجذاب لموقعك.
اختيار نمط الخط وحجمه
يعد اختيار نمط الخط وحجمه على الموقع أمرا مهما للغاية لإنشاء واجهة مستخدم ممتعة وقابلة للقراءة. فيما يلي الطرق الرئيسية لتخصيص الخط باستخدام كس.
1. استخدام خطوط النظام القياسية
لتحقيق توافر عالية والتوافق مع مختلف الأجهزة وأنظمة التشغيل ، فمن المستحسن استخدام خطوط النظام مثل أريال ، هلفتيكا ، فيردانا وغيرها.
2. وضع خطوط محددة من الأسرة
يتيح لك اختيار خط معين من العائلة التحكم بدقة أكبر في عرض النص على الموقع. للقيام بذلك ، يمكنك استخدام سمة عائلة الخط وتحديد قائمة الخطوط في ترتيب التفضيل.
الخط الأسرة: "هلفتيكا نويه" ، هلفتيكا ، أريال ، بلا الرقيق;
- 3. تحديد حجم الخط
- يؤثر حجم الخط على قابلية قراءة النص وإدراكه البصري. يمكن ضبطه بوحدات قياس مثل وحدات البكسل أو النسب المئوية أو وحدات الإيمو.
أمثلة:
حجم الخط: 16 بكسل;
4. استخدام نص غامق ومائل
لتمييز أجزاء معينة من النص ، يمكنك استخدام خط غامق أو مائل.
وزن الخط: غامق;
نمط الخط: مائل;
تحديد لون الخط
يمكن تعيين لون الخط على صفحة ويب باستخدام الخاصية
1. أسماء الألوان: هناك 147 اسم لون محدد مسبقا في كس، مثل
الأزرق
، إلخ . مثال الاستخدام:
- ص {
- اللون: أخضر;
- }
2. قيم رغب: تتكون قيمة رغب من ثلاثة أرقام تمثل قيم الألوان الأحمر والأخضر والأزرق ، على التوالي. كل قيمة في النطاق من 0 إلى 255. مثال الاستخدام: