يعد أسلوب النص أحد أهم مهام تطوير الويب. لا يعتمد اختيار الخط وتصميمه على سهولة القراءة وسهولة إدراك المعلومات فحسب ، بل يعتمد أيضا على الانطباع الجمالي للموقع أو التطبيق. يبحث مطورو ومصممو الويب باستمرار عن طرق جديدة لإضافة المزيد من التعبير إلى النص ، وإحدى هذه الطرق هي تعزيز جرأة الخط.
في كس ، هناك عدة طرق لجعل الخط أكثر جرأة. واحدة من أكثر الطرق شيوعا هي استخدام خاصية وزن الخط. تتيح لك هذه الخاصية التحكم في محتوى الدهون للخط في النطاق من 100 إلى 900 ، حيث يتوافق 100 مع الخط الأقل جريئة ، و 900 يتوافق مع الخط الأكثر جريئة. ومع ذلك ، في بعض الأحيان قد لا يكون الحد الأقصى لسمنة الخط المتاح باستخدام خاصية وزن الخط كافيا للمهمة.
للتغلب على قيود خاصية وزن الخط وجعل الخط أكثر جرأة ، يمكنك استخدام طرق أخرى. إحدى هذه الطرق هي استخدام ظل النص. عندما يتم تطبيق ظل على النص ، يتم تحسين محتواه الدهني بصريا. تعتبر مجموعات الظل المختلفة حيوية للغاية وقادرة بصريا على تغيير تأثيرات الخط القوي.
- عدة طرق لتعزيز السمنة الخط في المغلق
- استخدام خاصية وزن الخط
- توصيل خط إضافي بخط أكثر جرأة
- تطبيق تأثير الظل لخلق انطباع من السمنة
- الجمع بين السمنة الخط مع أنماط أخرى
عدة طرق لتعزيز السمنة الخط في المغلق
غالبا ما يبحث مطورو الويب عن طرق لتحسين سمنة الخطوط في كس. يمكن أن يكون هذا مفيدا عندما تحتاج إلى تمييز نص مهم أو جعله أكثر وضوحا.
في كس ، هناك عدة طرق لتعزيز السمنة الخط:
- استخدام خاصية وزن الخط
- استخدام خاصية ظل النص
- استخدام تأثيرات الانتقال
الطريقة الأولى والأسهل هي استخدام خاصية وزن الخط. قيمة' جريئة ' يحدد الخط الغامق. إذا لم يكن هذا كافيا ، يمكنك استخدام القيم الرقمية من 100 إلى 900. أكبر عدد ، وأكثر جرأة الخط.
الطريقة الثانية هي استخدام خاصية ظل النص. تتيح لك هذه الخاصية إضافة ظل إلى النص ، مما يجعله أكثر تعبيرا وجرأة. مثال الاستخدام:
ح1 {
ح1 {
ومع ذلك ، باستخدام فقط
وزن الخط: 800
أخف وزنا
و
أكثر جرأة
، والتي تستند إلى سمك خط العنصر الأصل. على سبيل المثال ، إذا تم تعيين العنصر الأصل على
الخط الوزن: عادي
، ثم استخدم
أكثر جرأة
سيجعل الخط أكثر جرأة ، و
أخف وزنا
- أرق.
وهناك طريقة أخرى لتعزيز السمنة من الخط هو استخدام الخاصية
بشكل عام ، باستخدام الخاصية
الخط الوزن
- توصيل خط إضافي بخط أكثر جرأة
- لتوصيل خط إضافي ، يكفي استخدام قاعدة @ فونت-فيس في كس. Пример подключения шрифта «BoldFont» с более жирным начертанием:
@font-face {
font-family: 'BoldFont';
font-weight: bold;
font-family: 'BoldFont', sans-serif;
font-weight: bold;
- }
- В данном примере мы используем шрифт «BoldFont» с жирным начертанием. في كتلة @الخط الوجه ، حدد اسم الخط ونوع الخط والمسار إلى ملفات الخط في صيغ وف 2 و وف.
- ثم نطبق الخط "بولدفونت" على عناصر ف باستخدام خصائص الخط الأسرة والخط الوزن. نحدد الخط الغامق باستخدام القيمة الغامقة.
إذا كان خط "الخط العريض" غير متوفر ، فسيستخدم المتصفح الخط الافتراضي المحدد في خاصية عائلة الخط. في هذا المثال ، حددنا بلا الرقيق كخط بديل.
- وبالتالي ، فإن توصيل خط إضافي بخط أكثر جرأة يسمح لك بإنشاء تصميم نصي فعال وإبرازه بصريا.
تطبيق تأثير الظل لخلق انطباع من السمنة