خاصية عائلة الخط font-family

الصياغة

body {
  font-family: "Cairo", "Segoe UI", system-ui, sans-serif;
}
code { font-family: "JetBrains Mono", monospace; }

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

<style>
  .sans { font-family: system-ui, sans-serif; }
  .serif { font-family: Georgia, serif; }
  .mono { font-family: Consolas, monospace; direction: ltr; }
</style>
<p class="sans">بلا زوائد sans-serif — واجهات الويب</p>
<p class="serif">بزوائد serif — طابع تحريري كلاسيكي</p>
<p class="mono">monospace: const x = 42;</p>

أهم القيم

💡 نصائح عملية

• موقع عربي = خط عربي مصمم حديثًا أول القائمة — الفرق حضاري
• حمّل وزنين-ثلاثة فقط من الخط الشبكي — كل وزن ملف يثقل التحميل

⚠️ أخطاء شائعة

• نسيان العائلة العامة الختامية فيقرر المتصفح عشوائيًا عند الفشل
• خط لاتيني فقط ثم استغراب شكل العربية المكسور

خصائص ذات صلة