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