نمط الخط CSS

نمط الخط

font-style يُستخدم هذا الخصائص بشكل رئيسي لتعيين نص مائل

يمكن تعيين هذه الخاصية إلى ثلاثة قيم:

  • normal - يتم عرض النص بشكل طبيعي
  • italic - يتم عرض النص بالخط المائل
  • oblique - النص المائل (النص المائل مشابه جدًا للنص المائل، ولكن يدعم القليل)

مثال

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

جرب بنفسك

كثافة الخط

font-weight يحدد هذا الخصائص كثافة الخط:

مثال

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

جرب بنفسك

نوع الخط

font-variant يحدد هذا الخصائص ما إذا كان النص سيتم عرضه باستخدام نص small-caps (الأحرف الكبيرة الصغيرة).

في النصوص باستخدام small-caps، يتم تحويل جميع الأحرف الصغيرة إلى أحرف كبيرة. ولكن، حجم الأحرف الكبيرة بعد التحويل يكون أصغر من حجم الأحرف الكبيرة في النص الأصلي.

مثال

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

جرب بنفسك