الخطوط الاحتياطية CSS
الخطوط الاحتياطية شائعة الاستخدام
لا توجد خطوط ويب آمنة تمامًا بنسبة 100٪. هناك دائمًا احتمال عدم العثور على الخط أو عدم تثبيته بشكل صحيح. لذلك ، من المهم جدًا استخدام الخطوط الاحتياطية دائمًا.
هذا يعني أنه يجب عليك إضافة قائمة من "الخطوط الاحتياطية" المماثلة في خاصية font-family. إذا لم يعمل الخط الأول ، فسيقوم المتصفح بتجربة الخط التالي ، والخط التالي ، وهكذا. قم دائمًا بإنهاء القائمة باسم عائلة خط عام.
فيما يلي بعض الخطوط الاحتياطية شائعة الاستخدام ، مرتبة حسب مجموعات الخطوط العامة الخمس:
- سيريف
- بلا الرقيق
- مونوسبيس
- مخطوطة
- خيال
خطوط Serif
font-family | Example text | Code |
---|---|---|
"Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
|
Georgia, serif | This is a HeadingThis is a paragraph. |
|
Garamond, serif | This is a HeadingThis is a paragraph. |
خطوط Sans-Serif
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
|
"Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Georgia, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
خطوط مونوسبيس
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
خطوط مخطوطة
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
خطوط الخيال
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
نصيحة: تحقق أيضًا من جميع خطوط Google المتاحة وكيفية استخدامها.