40 lines
2.1 KiB
Markdown
40 lines
2.1 KiB
Markdown
|
---
|
||
|
|
title: Web Safe Fonts
|
||
|
|
localeTitle: خطوط الويب الآمنة
|
||
|
|
---
|
||
|
|
## خطوط الويب الآمنة
|
||
|
|
|
||
|
|
الخطوط الآمنة للويب هي الخطوط التي يتم تضمينها مع معظم أنظمة التشغيل ، وهذا يعني أن هذا المصمم المرتفع يمكن أن يتوقع من المصمم طباعة تتضمن خطوط آمنة على الويب لتظهر تمامًا كما هو مقصود لمعظم المستخدمين. في ما يلي قوائم غير شاملة لبعض الخطوط التي تعتبر آمنة على الويب في وقت الكتابة ، مصنفة حسب مجموعات خطوط CSS العامة.
|
||
|
|
|
||
|
|
خطوط الويب الآمنة serif:
|
||
|
|
|
||
|
|
* جورجيا
|
||
|
|
* تايمز نيو رومان
|
||
|
|
|
||
|
|
خطوط الويب الآمنة sans-serif:
|
||
|
|
|
||
|
|
* اريال
|
||
|
|
* نوع تهامه
|
||
|
|
* Trebuchet MS
|
||
|
|
* فيردانا
|
||
|
|
|
||
|
|
خطوط monospaced آمنة على الويب:
|
||
|
|
|
||
|
|
* ساعي جديد
|
||
|
|
|
||
|
|
تجدر الإشارة إلى أنه يجب استخدام مداخلات الخط مع خيارات الاحتياطي بما في ذلك عائلة الخطوط العامة حتى إذا كان التصميم الخاص بك يستخدم الخطوط الآمنة للويب فقط. فمثلا:
|
||
|
|
|
||
|
|
`p {
|
||
|
|
font-family: Tahoma, Arial, sans-serif;
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
#### ملاحظة على خطوط الويب
|
||
|
|
|
||
|
|
فقط لأن بعض الخطوط أكثر أمانًا من غيرها لا يعني أنه يجب عليك قصر تصميماتك على استخدام خطوط الويب الآمنة فقط. التصاميم الحديثة مع CSS يمكنها أيضًا الاستفادة من خطوط الويب لضمان الطباعة المتسقة عبر أنظمة التشغيل.
|
||
|
|
|
||
|
|
#### معلومات اكثر:
|
||
|
|
|
||
|
|
* [وثائق MDN: النص الأساسي وتصميم الخطوط](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals#Web_safe_fonts)
|
||
|
|
* [وثائق MDN: خطوط الويب](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts)
|
||
|
|
* [خطوط الويب الآمنة](https://www.cssfontstack.com)
|