دليل مرجع CSS

CSS @ rules (القواعد)

كامل خصائص CSS

دليل الاستشارة السمعية الخاصة بـ CSS أسماء الألوان المشروعة الخاصة بـ CSS

خطوط النص الأمنة الخاصة بـ CSS

الخطوط الآمنة على الويب هي خطوط شائعة جدًا، من المحتمل أن تجد في أنظمة تشغيل مختلفة مثل Windows،Mac،Linux.

لماذا يتم اختيار الخطوط الآمنة على الويب

عندما تحاول استخدام الخط في صفحة الويب ولم يظهر النص كما هو متوقع، قد يكون هذا ناتجًا عن أن ليس جميع أنظمة الكمبيوتر توفر جميع الخطوط.

لضمان عرض النص بشكل دقيق في معظم المتصفحات أو الأنظمة الأساسية، يجب أن تكون متيقظًا جدًا في تحديد الخطوط.font-familyيمكن لخصائص CSS استيعاب عدة أسماء خطوط كخيارات احتياطية. يبدأ من الخط المفضل المطلوب، ثم إذا لم يكن الخط المفضل متاحًا، يستخدم الخط الاحتياطي.

يجب عليك دائمًا استخدام سلسلة الخطوط العامة كقيمة الخاصية font-family، حيث توجد خمس منها: serif،sans-serif،monospace،cursive و fantasy. إذا لم يكن هناك الخط الذي تعريفته، فإن سلسلة الخطوط العامة تسمح للمتصفح باختيار خط مشابه.

الجدول أدناه يعرض أ组合 من الخطوط الأكثر أمانًا للاستخدام.

سلسلة الخطوط	عادي	مائج
Arial، Helvetica، نص عادي	هذا نص عادي.	هذا نص مائج.
"Times New Roman"، Times، خط طويل	هذا نص عادي.	هذا نص مائج.
"Courier New"، Courier، نص مائج	هذا نص عادي.	هذا نص مائج.

يوضح المثال أدناه كيفية إعداد الخصائص بشكل صحيح باستخدام font-family.

مثال

.sans-serif-font {
　　　font-family: Arial, Helvetica, sans-serif;
}
.serif-font {
　　　font-family: "Times New Roman", Times, serif;
}
.monospace-font {
　　　font-family: "Courier New", Courier, monospace;
}

اختبار لرؤية‹/›

مجموعات الخطوط الشائعة

يوضح الجدول أدناه بعض مجموعات الخطوط الشائعة المنظمة وفقًا للسلسلة العامة.

خطوط طويل

سلسلة الخطوط	عادي	مائج
Georgia، خط طويل	هذا نص عادي.	هذا نص مائج.
"Times New Roman"، Times، خط طويل	هذا نص عادي.	هذا نص مائج.
"Palatino Linotype"، Palatino، "Book Antiqua"، خط طويل	هذا نص عادي.	هذا نص مائج.

خطوط Sans-Serif

سلسلة الخطوط	عادي	مائج
Arial، Helvetica، نص عادي	هذا نص عادي.	هذا نص مائج.
"Arial Black"، Gadget، نص عادي	هذا نص عادي.	هذا نص مائج.
Impact، Charcoal، نص عادي	هذا نص عادي.	هذا نص مائج.
Tahoma، Geneva، نص عادي	هذا نص عادي.	هذا نص مائج.
"Trebuchet MS"، Helvetica، نص عادي	هذا نص عادي.	هذا نص مائج.
Verdana، Geneva، نص عادي	هذا نص عادي.	هذا نص مائج.

خط مائج منسق

سلسلة الخطوط	عادي	مائج
Courier، نص مائج	هذا نص عادي.	هذا نص مائج.
"Courier New"، Courier، نص مائج	هذا نص عادي.	هذا نص مائج.
"Lucida Console"، Monaco، نص مائج	هذا نص عادي.	هذا نص مائج.

خط كتابي مائج

سلسلة الخطوط	عادي	مائج
"Comic Sans MS"، خط كتابي	هذا نص عادي.	هذا نص مائج.
"Courier New"، Courier، نص مائج	هذا نص عادي.	هذا نص مائج.
"Lucida Console"، Monaco، نص مائج	هذا نص عادي.	هذا نص مائج.

خطوط خيالية

لا توجد خطوط خيالية تعمل بشكل جيد عبر المتصفحات وأنظمة التشغيل مع التوافق الجيد.

تحذير:الخطوط (Verdana،Georgia،ـ Comic Sans MS،ـ Trebuchet MS،ـ Arial Black،Impact) تعمل على Windows وMacOS، لكنها غير فعالة على Unix + X.

دليل الاستشارة السمعية الخاصة بـ CSS أسماء الألوان المشروعة الخاصة بـ CSS