الخاصية font-kerning

من موسوعة حسوب
< CSS
اذهب إلى: تصفح، ابحث
الخاصية font-kerning في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم.
/* كلمات محجوزة */
font-kerning: auto;
font-kerning: normal;
font-kerning: none;

/* القيم العامة */
font-kerning: inherit;
font-kerning: initial;
font-kerning: unset;
تآلف الأحرف يُعرِّف كيف يجب أن تكون الأحرف متباعدةً عن بعضها، ففي الخطوط التي تدعم ميزة تآلف الأحرف، ستؤدي هذه الميزة إلى تحسين اختيار المسافة التي تفصل بين الأحرف لجعلها أسهل قراءةً. لاحظ تأثير تآلف الأحرف في الصورة الآتية، إذ إنَّ الأمثلة على الجانب الأيسر من الصورة لا تستعمل ميزة التآلف، بينما تستعملها الأمثلة الموجودة على الجانب الأيمن من الصورة:
صورة توضِّح أثر تآلف الأحرف.
صورة توضِّح أثر تآلف الأحرف.

لاحظ أنَّ هنالك بعض الخطوط العربية التي تدعم ميزة التآلف مثل Adobe Arabic (التجاري) أو مجموعة خطوط XB (خطوط حرة مفتوحة المصدر).

القيمة الابتدائية auto
تُطبَّق على جميع العناصر.
قابلة للوراثة نعم
قابلة للتحريك لا
القيمة المحسوبة كما حُدِّدَت.

أمثلة

مقارنة بين فقرتين تتضمنان أحرفًا لاتينيةً، واحدة قد فعلّنا عليها ميزة تآلف الأحرف، وأخرى كانت هذه الميزة فيها معطلةً:
<div id="kern">AV T. ij</div>
<div id="nokern">AV T. ij</div>
شيفرة CSS:
div {
  font-size: 2em;
  font-family: serif;
}

#nokern {
  font-kerning: none;
}

#kern {
  font-kerning: normal;
}

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي 32 34 10 ؟ 7

البنية العامة

تقبل الخاصية font-kerning إحدى الكلمات المحجوزة التالية.

القيمة auto

سيُحدِّد المتصفح إذا كان يجب استخدام ميزة تآلف الأحرف أم لا، فعلى سبيل المثال، بعض المتصفحات ستُعطِّل ميزة تآلف الأحرف على الخطوط الصغيرة، لأن تطبيقها قد يؤدي إلى تصعيب قراءة النص.

القيمة normal

يجب تطبيق معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم.

القيمة none

يجب تعطيل معلومات تآلف الأحرف المُخزَّنة في الخط المستخدم.

البنية الرسمية

font-kerning: auto | normal | none;

مصادر ومواصفات