قوائم الخطوط

قيمة font-family قائمة وليست اسمًا واحدًا، فالمتصفح يمرّ عليها بالترتيب ويأخذ أول خطّ موجود على جهاز القارئ، فإن لم يجد شيئًا منها عرض النصّ بخطّه الافتراضي، وهو غالبًا خطّ مذيَّل (serif) مثل Times لا يشبه تصميمك في شيء.

لذلك تنتهي كل قائمة بعائلة عامة مثل sans-serif، وهي ليست خطًّا بعينه، بل تطلب من المتصفح أقرب خطّ عنده من هذا النوع. أما system-ui فهو خطّ واجهة النظام نفسه، فلا يحتاج إلى تنزيل ولا انتظار. والخطّ الذي تعرّفه بـ @font-face يحتاج إلى font-display: swap، وإلا أخفى المتصفح النصّ بضع ثوانٍ وهو ينتظر تحميل الخطّ.

والفخّ الخفيّ هو علامات التنصيص، فالقيمة "sans-serif" بين علامتي تنصيص تُفهم على أنها اسم خطّ لا وجود له وليست العائلة العامة، فترجع القائمة كلها إلى الخطّ الافتراضي.