يعد اختيار الخط المناسب لموقع ويب أو مدونة جانبا مهما من جوانب التصميم يمكن أن يخلق الانطباع الصحيح لدى الزوار. في بعض الأحيان قد ترغب في استخدام خط عادي قياسي موجود على معظم الأجهزة والأنظمة. في هذه المقالة ، سوف ننظر في كيفية استخدام كس لتغيير الخط إلى واحد عادي.
تجعل علامات كس من السهل تغيير خط النص على صفحة الويب. ومع ذلك ، بدلا من الاختيار من بين عدد كبير من الخطوط التي تقدمها المكتبات والخدمات ، يمكنك استخدام خط قياسي سيتم عرضه على أجهزة وأنظمة تشغيل مختلفة بنفس الطريقة.
للقيام بذلك ، يمكنك استخدام قيمة "الرقيق" أو "بلا الرقيق" في خاصية كس الخط الأسرة. تجسد عائلة الخطوط الرقيقة النمط الكلاسيكي لمقالات الصحف المطبوعة ، بينما يرتبط بلا الرقيق بتصميمات أكثر حداثة ونظافة. ستستخدم كلتا القيمتين خطوط النظام الافتراضية المثبتة على جهاز المستخدم.
ملاحظة: إذا كنت ترغب في تعيين خط قياسي حصريا لعنصر معين في الصفحة ، فيمكنك تطبيق خاصية عائلة الخط المغلق على هذا العنصر أو إنشاء فئة جديدة وتطبيقها على العناصر المطلوبة.
كيف يمكنني تخصيص الخط باستخدام المغلق?
أولا ، تحتاج إلى تحديد محدد يحدد العناصر التي سيتم تطبيق نمط الخط عليها. على سبيل المثال ، لتغيير الخط لجميع الفقرات في الصفحة ، يمكنك استخدام محدد "ص".
ثم يمكنك تحديد خاصية" عائلة الخط " ، والتي تحدد عائلة الخطوط للعنصر المحدد. يتم تعيين قيمة هذه الخاصية بين علامتي اقتباس ويمكن أن تحتوي على اسم خط واحد أو أكثر مفصولة بفواصل. على سبيل المثال ، لاستخدام أريال و فيردانا كخطوط للفقرات ، يمكنك تعيين القاعدة التالية:
ص {
الخط الأسرة: "أريال" ، "فيردانا" ، بلا الرقيق;
}
في هذا المثال ، إذا كان لدى المستخدم خط أريال أو فيردانا مثبتا على النظام ، فسيتم استخدامه لعرض نص الفقرات. خلاف ذلك ، سيتم استخدام الخط المحدد بواسطة القيم "بلا الرقيق".
لتحديد نمط خط معين ، يمكنك استخدام خاصية "نمط الخط". على سبيل المثال:
ص {
نمط الخط: مائل;
}
في هذه الحالة ، سيتم عرض نص الفقرة بخط مائل.
يمكنك أيضا ضبط حجم الخط باستخدام خاصية" حجم الخط". يمكن تعيين قيمة هذه الخاصية بالبكسل أو النسب المئوية أو م أو وحدات القياس الأخرى. على سبيل المثال:
ص {
حجم الخط: 16 بكسل;
}
في هذا المثال ، سيكون حجم الخط للفقرات 16 بكسل.