أحد الجوانب الرئيسية لتصميم موقع الويب هو اختيار الخط الصحيح وتخصيصه. واحدة من المعلمات التي يمكن تغييرها هي سمك الخط. في كس ، يمكن القيام بذلك باستخدام خاصية وزن الخط.
تحدد خاصية وزن الخط تشبع الخط ويمكن أن تأخذ قيما مختلفة من 100 إلى 900. في هذه الحالة ، يمكن تعيين القيم كرقم أو بالكلمات: عادي ، غامق ، أكثر جرأة ، أخف وزنا.
أيضا ، لضبط سمك الخط ، يمكنك استخدام خاصية نمط الخط ، والتي تحدد نمط النص: عادي (عادي) ، مائل (مائل) أو مائل (مائل).
في هذه المقالة ، سننظر في جميع القيم الممكنة لخاصية وزن الخط ونقدم عددا من التوصيات لاختيار سمك الخط وضبطه على موقع الويب.
- تغيير سمك الخط في المغلق: دليل مفصل
- اختيار الخاصية المناسبة لسمك الخط
- تغيير سمك الخط باستخدام قيم خاصية "وزن الخط"
- تطبيق خصائص كس إضافية لضبط سمك الخط
تغيير سمك الخط في المغلق: دليل مفصل
في كس ، هناك عدة طرق لتغيير سمك الخط لتحقيق التأثير المرئي المطلوب على موقع الويب الخاص بك. في هذا الدليل ، سننظر في بعض الطرق الأساسية:
1. استخدام خاصية وزن الخط:
واحدة من أسهل الطرق لتغيير سمك الخط هي استخدام خاصية وزن الخط. تتيح لك هذه الخاصية تعيين سمك الخط في إحدى القيم العديدة المتاحة: عادي (سمك قياسي) ، غامق (سمك غامق) ، أخف (سمك أصغر) ، أو قيمة رقمية تشير إلى سمك معين.
مثال:
ص {
وزن الخط: غامق;
}
2. استخدام قيمة وزن الخط بتنسيق رقمي:
يمكنك أيضا استخدام القيم الرقمية لتعيين سمك الخط. الأرقام من 100 إلى 900 تمثل مستويات سمك مختلفة ، حيث 100 هو أقل الدهون و 900 هو أكثر الدهون.
مثال:
ص {
وزن الخط: 600;
}
3. استخدام خاصية الخط والكلمة الرئيسية الغامقة:
تجمع خاصية الخط بين عدة خصائص ، بما في ذلك ضبط الخط وسمكه. يمكنك استخدام الكلمة الرئيسية الغامقة لتعيين سمك الخط الغامق.
مثال:
- ص {
- الخط: غامق 12 بكسل أريال ، بلا شريف;
}
مثال:
@استيراد رابط ('https://fonts.googleapis.com/css?family=Open+Sans:400, 700 & عرض = مبادلة');
| ص { | الخط الأسرة: 'فتح بلا' ، بلا الرقيق; |
|---|---|
| وزن الخط: 700; | } |
| في الختام ، يعد تغيير سمك الخط في كس طريقة سهلة وفعالة لإنشاء أنماط نصية مختلفة على موقع الويب الخاص بك. استخدم هذه القواعد وجرب أنماط خطوط مختلفة للعثور على أفضل ما يناسب احتياجاتك. | |
| اختيار الخاصية المناسبة لسمك الخط | تحدد خاصية وزن الخط سمك خط العنصر. يمكن أن تأخذ معاني مختلفة ، مثل: |
| عادي-يحدد سمك الخط العادي | غامق-يحدد سمك الخط الغامق |
| أكثر جرأة-يحدد سمك الخط سمكا | أخف وزنا-يحدد سمك الخط أرق |
| 100, 200, 300, ..., 900-تعيين قيم رقمية لسمك الخط ، حيث 100 هو أنحف سمك و 900 هو سمكا سمك | على سبيل المثال ، إذا كنت ترغب في تعيين سمك الخط الغامق لفقرة ، يمكنك استخدام التعليمات البرمجية كس التالية: |
| ف {الخط الوزن: جريئة؛} | يمكنك أيضا دمج خاصية وزن الخط مع خصائص أخرى ، مثل عائلة الخط وحجم الخط ، لإنشاء نمط النص المطلوب. |
من المهم ملاحظة أنه لا تدعم جميع الخطوط جميع قيم السماكة (على سبيل المثال ، قد لا تحتوي بعض الخطوط على إصدار غامق). في مثل هذه الحالات ، سيقوم المتصفح بتطبيق أقرب سمك خط متاح.
هناك أيضا طرق أخرى لتغيير مظهر النص ، مثل استخدام خاصية نمط الخط لتعيين إمالة الخط (على سبيل المثال,
لذلك ، يعتمد اختيار الخاصية المناسبة لسمك الخط على تفضيلاتك ومتطلباتك لتصميم صفحة الويب. استخدم هذا الدليل لاختيار الطريقة الأنسب لتغيير سمك الخط في كس.
مثال على استخدام قيم خاصية "وزن الخط" :
100
- سمك الخط المعتاد
- 900
- سمك الخط المعتاد
- أخف وزنا
- خط أكثر جرأة
باستثناء خاصية كس الرئيسية
واحدة من هذه الخصائص هي
- مثال على استخدام خاصية
امتداد الخط: مكثف للغاية;