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