الخط هو أحد أهم جوانب تصميم الويب التي يمكن أن تؤثر على إدراك المحتوى. من المهم أن يكون النص قابلا للقراءة ومفهوما للمستخدمين من جميع الأعمار والبصر. تساعد زيادة الخط على جعل النص أكثر وضوحا وتحسين تجربة المستخدم.
في هذه المقالة ، سنلقي نظرة على 5 طرق بسيطة لزيادة حجم الخط في كس. وهي مناسبة لتغيير حجم النص على الموقع بأكمله ، وكذلك للعناصر الفردية. سننظر أيضا في كيفية استخدام هذه الأساليب مع بعضها البعض لتحقيق أفضل نتيجة.
1. استخدام وحدات القياس المطلقة. طريقة واحدة سهلة لتكبير الخط في كس هو استخدام وحدات القياس المطلقة مثل بكسل (بكسل) أو نقاط (بت). من خلال تعيين حجم الخط في الوحدات المطلقة،يمكنك التحكم بالضبط في حجم النص. ومع ذلك ، ضع في اعتبارك أنه عند استخدام الوحدات المطلقة ، لن يتغير حجم الخط اعتمادا على دقة الشاشة.
على سبيل المثال:
إلى 16 بكسل.
- الطريقة 1: استخدام وحدات القياس إم
- الطريقة 2: استخدام خاصية حجم الخط في كس
- الطريقة 3: استخدام أحجام الخطوط النسبية
الطريقة 1: استخدام وحدات القياس إم
لاستخدام وحدة القياس إم ، يجب أن تعرف أن إم واحد يساوي حجم الخط الحالي في العنصر المحدد. على سبيل المثال ، إذا كان حجم خط العنصر الأصل 16 بكسل ، فسيكون 1 دقيقة 16 بكسل.
لزيادة حجم الخط بنسبة 2 مرات ، يمكنك تعيين حجم الخط إلى ضعف قيمة م. على سبيل المثال ، إذا قمت بتعيين حجم الخط لعنصر إلى 2 م ، فسيكون الخط ضعف حجم الخط الحالي في العنصر الأصل.
مثال على استخدام وحدات القياس إم:
سيكون هذا النص صفحة ويب كبيرة جدا.
| في المثال أعلاه ، سيتم عرض النص داخل العنصر مع فئة "النص الكبير" ضعف حجم النص الرئيسي على صفحة الويب. | الطريقة 2: استخدام خاصية حجم الخط في كس |
لاستخدام خاصية حجم الخط ، تحتاج إلى تحديد محدد العنصر الذي تريد تطبيق التغيير عليه ، ثم تعيين قيمة حجم النص.
بناء الجملة
يحدد حجم النص.
يمكن تعيين القيمة بالبكسل (بكسل) ، والنسب المئوية ( ٪ ) ، ووحدات القياس النسبية (إم ، ريم) ، بالإضافة إلى وحدات القياس الأخرى.
أمثلة:
/ * تكبير الخط بمقدار 2 بكسل */
}
حجم الخط: 110%;