كيف نطبق نوع خط عام للمحتوى النصي؟
الإجابة الصحيحة من خلال موقع بوابة الإجابات هي:
باستخدام خاصية font-family في CSS
لتطبيق نوع خط عام للمحتوى النصي في صفحات الويب، نستخدم خاصية `font-family` في لغة CSS (Cascading Style Sheets). هذه الخاصية تحدد الخط الذي سيظهر به النص.
كيف تعمل خاصية `font-family`؟
- قائمة الخطوط: تكتب `font-family` كقائمة من أسماء الخطوط مفصولة بفواصل. المتصفح سيحاول استخدام الخط الأول في القائمة، وإذا لم يكن متوفراً على جهاز المستخدم، سينتقل إلى الخط الثاني، وهكذا.
- الخطوط العامة (Generic Font Families): توجد خمسة أنواع عامة من الخطوط يمكنك استخدامها كخيار أخير في القائمة. هذه الأنواع تضمن أن المتصفح سيختار خطاً مشابهاً حتى لو لم تكن الخطوط المحددة الأخرى متوفرة:
- `serif`: خطوط ذات نهايات (زخارف) في نهايات الأحرف. (مثال: Times New Roman)
- `sans-serif`: خطوط بدون نهايات. (مثال: Arial, Helvetica)
- `monospace`: خطوط ذات عرض ثابت لكل حرف. (مثال: Courier New)
- `cursive`: خطوط تشبه الخط اليدوي.
- `fantasy`: خطوط ذات طابع خيالي أو مزخرف.
أمثلة: ```css
p {
font-family: "Arial", sans-serif;
}
```
في هذا المثال، سيحاول المتصفح عرض النص داخل عنصر `
` باستخدام خط Arial. إذا لم يكن Arial متوفراً، فسيستخدم خطاً من نوع `sans-serif` (مثل Helvetica أو غيره).
```css
h1 {
font-family: "Times New Roman", Times, serif;
}
```
هنا، سيحاول المتصفح استخدام "Times New Roman" أولاً، ثم خط Times إذا لم يكن الأول متوفراً، وأخيراً أي خط من نوع `serif` إذا لم يتوفر أي من الخطين السابقين.
- مثال 3: استخدام الخطوط العامة فقط:
```css
body {
font-family: sans-serif;
}
```
سيستخدم المتصفح أي خط `sans-serif` افتراضي متوفر على جهاز المستخدم لعرض النص في كامل الصفحة.
ملاحظات مهمة:
- إذا كان اسم الخط يحتوي على مسافات، يجب وضعه بين علامتي اقتباس (" ").
- من الأفضل دائماً تضمين خط عام في نهاية القائمة كخيار احتياطي.
- يمكن تطبيق `font-family` على أي عنصر HTML يحتوي على نص.
اذا كان لديك إجابة افضل او هناك خطأ في الإجابة علي سؤال كيف نطبق نوع خط عام للمحتوى النصي اترك تعليق فورآ.
