الخاصية font-kerning

من موسوعة حسوب
< CSS
مراجعة 07:01، 26 يوليو 2018 بواسطة Riyad-khalifeh (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

الخاصية font-kerning في CSS تتحكم باستخدام معلومات تآلف الأحرف (kerning information) المُخزّنة في الخط المستخدم.

بطاقة الخاصية

القيمة الابتدائية auto
تُطبَّق على جميع العناصر.
قابلة للوراثة نعم
قابلة للتحريك لا
القيمة المحسوبة كما حُدِّدَت.
/* كلمات محجوزة */
font-kerning: auto;
font-kerning: normal;
font-kerning: none;

/* القيم العامة */
font-kerning: inherit;
font-kerning: initial;
font-kerning: unset;

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

صورة توضِّح أثر تآلف الأحرف.
صورة توضِّح أثر تآلف الأحرف.

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

أمثلة

مقارنة بين فقرتين تتضمنان أحرفًا لاتينيةً، واحدة قد فعلّنا عليها ميزة تآلف الأحرف، وأخرى كانت هذه الميزة فيها معطلةً:

<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;

انظر أيضًا

  • صفحة الخاصية font التي تؤدي إلى ضبط قيم الخاصيات الفرعية font-style و font-weight و font-size و line-height.
  • صفحة الخاصية color التي تضبط القيمة اللونية للعناصر.

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