Web safe fonts
- شكل وطريقة عرض الخط (font) على الموقع يتم تحديدها بخاصية تُسميfont-familyوالتي تقوم بتحديد شكل النص الذي سوف يظهر في الموقع.
- وخاصية الfont-familyلها العديد من القيم مثل "Times New Roman" و "Comic Sans MS” و Arial وتجد العديد من القيمهنااوهنا
⚠واهم حاجة في الموضوع ده بقا ان مش كل أنواع الخطوط شغالة على كل الأجهزة او كل المتصفحات بمعني إنك ممكن تختار نوع خط ويظهر علي جهازك ولكن لا يظهر على جهاز اخر
و الحل
1- نختار الخطوط التي تظهر تقريبا على جميع المتصفحات والأجهزة والتي تُسميWeb safe fontsوهتلاقيهم هنا
2نُضيف أكثر من نوع للخطوط وبالتالي قيمة الfont-familyستحتوي على أكثر من قيمة
مثال علي ذلك:font-family: "Times New Roman", Arial, serif;
وهنا المُتصفح سوف يعرض النصوص بخط "Times New Roman" وإذا كان المتصفح لا يدعم هذا الخط؛ فسيتم العرض بخط Arial وهكذا ......
⚠إذا كان اسم الخط مكون من أكثر من كلمة مثلTimes New Romanفيجب ان نضعه بين علامات الاقتباس فيُصبح كالتالي"Times New Roman"
وبالتالي فان الخطوط الأمنه (Web safe fonts) تُعطي لك عدد محدود من الخطوط لكي تستخدمها ولكن اذا اردنا:
- استخدام عدد كبير جدا من الخطوط
- وهذه الخطوط تظهر على جميع الأجهزة فإننا نستخدم Google Fonts