انتقل إلى محتوى الدرس

Quoting Multi Word Font Names تنصيص أسماء الخطوط المركبة

أتقن استخدام خاصية font-family في لغة CSS لاختيار العائلات الخطية المناسبة وتنصيص الأسماء المركبة وبناء سلاسل خطوط بديلة آمنة تدعم المحتوى العربي والإنجليزي بثبات.
3 صفوف تعليمية
لغة CSS
16,913 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يحمي الالتزام بقواعد علامات التنصيص داخل font-family ملفاتك من أخطاء خفية تعطّل الخطوط البديلة:

  • ضع علامتي تنصيص حول الأسماء المركبة: إذا تألف اسم الخط من كلمتين أو أكثر تفصل بينهما مسافات أو أرقام مثل "Times New Roman" أو "Segoe UI" أو "Courier New"، فأحطه بعلامتي تنصيص مزدوجتين أو مفردتين ليقرأه المحلل كاسم خط واحد متكامل.
  • إياك وتنصيص العائلات العامة: الكلمات العامة مثل sans-serif و serif و monospace هي كلمات مفتاحية محجوزة في اللغة وليست أسماء ملفات؛ ووضعها بين علامتي تنصيص مثل "sans-serif" يخدع المتصفح فيبحث عن ملف خط اسمه الحرفي sans-serif فتفشل شبكة الأمان تماماً!
الصف 2 كود برمجي
CSS
.formal-title {
  font-family: "Times New Roman", serif;
}
.terminal-row {
  font-family: "Courier New", monospace;
}
الصف 3 ملاحظة هامة