تعلم كيفية تحقيق أقصى استفادة من الخاصية الخط السلس

ماذا يعني "الخط السلس" يعني؟

مع هذا البرنامج التعليمي ، تحسين فهمك لخاصية CSS الملحة. احصل على الحقائق حول ما تعنيه هذه الخاصية ولماذا ينبغي على مصممي الويب النظر في استخدامها.

وصف من الخط السلس

لماذا يرغب المصممون أحيانًا في استخدام خاصية الخط السلس؟ أساسا ، فإنه يوفر المصممين مع السيطرة على تطبيق الصقل عند تقديمها.

Font-Smooth في إصدارات CSS

استخدم خطوطًا سلسة في CSS 3 ، كما يمكنك أيضًا فهم بناء الجملة السلس مع المثال أدناه:

الخط السلس: السيارات | أبدا | دائما | الطول الأولي | يرث
النص التلقائي السلس وفقا لتخلف النظام
أبدا - أبدا سلاسة الخطوط
دائما - دائما على نحو سلس الخطوط
والطول - إذا كانت قيمة حجم الخط هي نفسها أو أكبر من قياس الحجم هذا ، فقم بسلاسة الخط عند تقديمه.

يجب أيضًا على مصممي الويب معرفة ما يلي عند استخدام خاصية الخط السلس.

مثال لسطر الخط

يجب أن يكون الخط الموجود في هذه الفقرة متجانسًا دائمًا ، بغض النظر عن حجم الخط أو صغره.

تنبيه حول الخاصية الخط السلس

ليس لدى الجميع متصفحًا يدعم الخط بسلاسة. اكتشف ما إذا كان متصفحك يدعم هذه الخاصية. أيضًا ، كن حذرًا في كيفية استخدام هذا النمط ، حيث يمكن أن تقلل بشكل كبير من إمكانية قراءة النص الخاص بك.

ستحتاج إلى إجراء بعض الأبحاث للتأكد من أن هذا لن يؤثر عليك بهذه الطريقة. لمزيد من المعلومات حول الخاصية font-smooth ، راجع ما يلي:

أمثلة سلسة على الخط

الخط تمتد

الخط الآثار

خط العائلة

حجم الخط

الخط

نوع الخط

FONT-البديل

الخط الوزن

تغيير خصائص الخط