غالبا ما يرغب مصممو الويب في تغيير أنماط الخطوط على صفحات الويب الخاصة بهم لمنحهم مظهرا خاصا. يمكن أن يؤثر استخدام أنماط الخطوط المختلفة على إدراك المحتوى ويزيد من عبئه العاطفي. للقيام بذلك ، يحتوي كس على العديد من الخصائص التي تسمح لك بتغيير مخطط الخط ، مثل وزن الخط ونمط الخط.
تتيح لك خاصية وزن الخط تغيير سمك الخط. يمكن أن تكون قيم هذه الخاصية رقمية أو كلمات رئيسية مثل "غامق" أو "عادي". تتراوح القيم العددية من 100 إلى 900 ، حيث يتوافق 400 مع السماكة العادية و 700 للسمك الغامق. على سبيل المثال ، لتعيين خط غامق ، استخدم رمز كس التالي:
وزن الخط: 700;
تتيح لك خاصية نمط الخط تغيير نمط الخط. يمكن أن تكون قيم هذه الخاصية كلمات رئيسية مثل "عادي" أو "مائل" أو "مائل". يتم استخدام القيمة "مائل "للانحدار ، بينما تضيف القيمة" مائل " ميلا رأسيا للخط. على سبيل المثال ، لتعيين الخط المائل ، استخدم رمز كس التالي:
نمط الخط: مائل;
من خلال الجمع بين هاتين الخاصيتين ، يمكنك تحقيق مجموعة واسعة من تغييرات الخط على صفحة الويب الخاصة بك. يرجى ملاحظة أنه لا تدعم جميع الخطوط جميع الخطوط وقد تكون هناك تصميمات خطوط مختلفة في متصفحات مختلفة. للتأكد من أن الخط المحدد يدعم الخطوط المطلوبة ، يوصى بالتحقق منه في متصفحات مختلفة قبل استخدامه.
- اختيار خاصية مخطط الخط الصحيح في كس
- تغيير شكل الخط باستخدام خاصية "نمط الخط"
- تغيير شكل الخط باستخدام خاصية "وزن الخط"
اختيار خاصية مخطط الخط الصحيح في كس
عندما يتعلق الأمر بتغيير نمط الخط في كس ، تحتاج إلى اختيار الخاصية المناسبة لتحقيق التأثير المطلوب. فيما يلي بعض الخصائص الشائعة التي يمكن استخدامها لتغيير نمط الخط.
- الخط الأسرة: تتيح لك هذه الخاصية تحديد خط معين من قائمة الخطوط المتاحة على جهاز الكمبيوتر الخاص بالمستخدم. يمكنك تحديد خطوط متعددة بترتيب التفضيل لتوفير الدعم لأنظمة التشغيل والمتصفحات المختلفة.
- نمط الخط: تتيح لك هذه الخاصية تغيير نمط خط النص ، مثل مائل (مائل) أو عادي (عادي).
- وزن الخط: باستخدام هذه الخاصية ، يمكنك ضبط سمك النص ، على سبيل المثال ، غامق أو عادي.
- زخرفة النص: تستخدم هذه الخاصية لإضافة تصميم زخرفي إلى النص ، مثل التسطير (تسطير) أو يتوسطه خط (خط من خلال).
- تحويل النص: باستخدام هذه الخاصية ، يمكنك تغيير حالة النص ، على سبيل المثال ، جعل كل الأحرف الكبيرة (الكبيرة) أو كل الأحرف الكبيرة (الصغيرة).
عند اختيار خاصية مخطط الخط في كس ، من المهم النظر في الغرض وسياق الاستخدام. يمكن استخدام بعض الخصائص ، مثل عائلة الخط ووزن الخط ، على نطاق واسع واستخدامها لمهام تنسيق النص العامة. يمكن أن تكون الخصائص الأخرى ، مثل زخرفة النص وتحويل النص ، مفيدة للتأثيرات الخاصة أو إبراز عناصر معينة.
في النهاية ، يعتمد الاختيار الصحيح للعقار على رؤية التصميم ومتطلبات المشروع. جرب خصائص ومجموعات مختلفة للعثور على الخيار الأنسب لموقعك أو تطبيقك.
تغيير نمط الخط باستخدام "نمط الخط"
خاصية تسمح لك خاصية" نمط الخط " في كس بتغيير نمط خط النص ، مما يجعله مائلا أو مائلا. يؤثر نمط الخط على مظهر النص ويمكن أن يكون مفيدا لإبراز معلومات معينة.
يمكن تعيين خاصية" نمط الخط " واحدة من ثلاث قيم:
- عادي-يحدد نمط الخط العادي (افتراضيا);
- مائل-يجعل النص مائلا;
- مائل-يميل النص إلى اليمين.
مثال على استخدام خاصية "نمط الخط" في كس:
في المثال أعلاه ، سيتم عرض جميع الفقرات في الصفحة بخط مائل. إذا كنت تريد تطبيق خاصية" نمط الخط " على عنصر معين فقط ، فيمكنك لفه في عنصر هتمل المناسب وتطبيق النمط على هذا العنصر.
في هذا المثال ، سيتم عرض النص داخل العنصر بخط مائل.
تغيير مخطط الخط باستخدام خاصية "وزن الخط"
لتغيير شكل الخط باستخدام خاصية "وزن الخط" ، يجب تحديد قيمة هذه الخاصية. يمكن أن تكون القيمة رقمية أو سلسلة.
هناك طريقتان رئيسيتان لتحديد قيمة خاصية " وزن الخط:
1. تحديد قيمة رقمية
في كس ، هناك مقياس للقيم الرقمية من 100 إلى 900 ، حيث تشير كل قيمة إلى سمك خط معين. على سبيل المثال ، تتوافق القيمة "100" مع أصغر سمك (خط رفيع) ، وتمثل القيمة "900" أكبر سمك (خط غامق جدا).
مثال:
وزن الخط: 700;
2. تحديد قيمة السلسلة
للراحة ، يوفر كس أيضا استخدام قيم السلسلة لخاصية "وزن الخط". بدلا من الأرقام ، يمكنك استخدام كلمات رئيسية مثل "رفيع" (رفيع) ، "عادي" (عادي) ، "غامق" (غامق) ، إلخ. على سبيل المثال:
مثال:
وزن الخط: غامق;
باستخدام خاصية" وزن الخط " ، يمكنك تغيير نمط الخط في أي عنصر هتمل. لذلك ، إذا كنت تريد جعل النص في فقرة غامقا ، يمكنك إضافة رمز كس التالي:
ص {وزن الخط: غامق;