يوفر كس فرصا واسعة للسيطرة على مظهر وتصميم صفحات الويب. جزء مهم من عنصر التحكم هذا هو تعيين حجم الخط. يلعب حجم الخط دورا رئيسيا في سهولة قراءة النص ، مما يؤثر على إدراك المحتوى ومظهره.
هناك طرق مختلفة لتحديد حجم الخط في كس. واحدة من أبسط الطرق وأكثرها استخداما هي استخدام وحدات القياس المطلقة مثل البكسل (بكسل) أو النقاط (نقطة) أو الأبعاد المطلقة.
يمكنك أيضا استخدام وحدات القياس النسبية في كس ، مثل النسب المئوية ( ٪ ) ، إم ، أو ريم. تسمح لك بتعيين حجم الخط بالنسبة للعناصر الأخرى على الصفحة. على سبيل المثال ، عند استخدام النسب المئوية ، سيتم قياس حجم الخط عند تغيير حجم نافذة المتصفح.
يعد تحديد حجم الخط الأمثل ذا أهمية كبيرة لسهولة قراءة النص وخلق تجربة مستخدم ممتعة. يمكن أن يساعد الجمع بين وحدات القياس المختلفة في تحقيق مزيج مثالي بين التحكم في حجم الخط والقدرة على التكيف.
- وحدات قياس حجم الخط في المغلق
- أمثلة على أحجام الخطوط
- قواعد تطبيق حجم الخط في النص
- تغيير حجم الخط لعناصر مختلفة
- تأثير حجم الخط على سهولة القراءة والتصميم
- خصائص المغلق لإدارة حجم الخط
وحدات قياس حجم الخط في المغلق
في كس ، هناك عدة وحدات قياس مختلفة لتحديد حجم الخط. كل واحد منهم له خصائصه وتطبيقاته الخاصة.
يحدد حجم الخط إلى 16 بكسل.
، ثم سيتم زيادة حجم الخط بنسبة 50 ٪ من القيمة الأساسية.
ثم سيتم زيادة حجم الخط بمقدار 1.5 ضعف حجم خط العنصر الأصل.
الوحدات النسبية-ريم (الجذر إم) و فولكس فاجن (عرض منفذ العرض) — تسمح لك بتعيين حجم الخط بالنسبة لحجم منفذ العرض أو العقدة الجذرية للمستند ، على التوالي. تسمح لك كلتا القيمتين بإنشاء تصميم متكيف حيث سيتغير حجم الخط تلقائيا اعتمادا على حجم نافذة العرض أو عرض الشاشة.
بمعرفة خصائص كل وحدة من وحدات القياس هذه ، ستتمكن من اختيار أنسبها لمشروعك وتحقيق التأثير المطلوب.
أمثلة على أحجام الخطوط
هناك عدة طرق لتحديد حجم الخط في كس. دعونا ننظر إلى بعض منهم:
| المعنى | الوصف |
|---|---|
| س س-صغير | حجم الخط صغير جدا. |
| س-صغير | حجم الخط صغير. |
| صغير | حجم الخط صغير. |
| متوسطة | متوسط حجم الخط (القيمة القياسية). |
| كبير | حجم الخط كبير. |
| اكس كبير | حجم خط كبير جدا. |
| كبير | حجم خط كبير جدا جدا. |
.
أمثلة على أحجام الخطوط بالبكسل:
يحتوي هذا النص على حجم خط 12 بكسل.
يحتوي هذا النص على حجم خط 16 بكسل.
يحتوي هذا النص على حجم خط 20 بكسل.
أمثلة على أحجام الخطوط بالنسب المئوية:
يحتوي هذا النص على حجم خط يساوي 80 ٪ من حجم العنصر الأصل.
يحتوي هذا النص على حجم خط يساوي 100 ٪ من حجم العنصر الأصل.
يحتوي هذا النص على حجم خط يساوي 120 ٪ من حجم العنصر الأصل.
أمثلة على أحجام الخطوط في م:
يحتوي هذا النص على حجم خط مخفض بنسبة 20 ٪ من حجم خط الأصل.
يحتوي هذا النص على حجم خط يساوي حجم خط الأصل.