فونت وب سیف (Web Safe Fonts)
«فونت وب سیف» مجموعه ای از فونت هاست که معمولاً روی اکثر مرورگرها و دستگاه ها نصب هستند. بنابراین، انتخاب درست آن ها تجربه کاربری را بهبود می دهد و هویت بصری برند را پایدار نگه می دارد.
فونت وب سیف چیست؟
فونت های وب سیف در بیشتر سیستم ها وجود دارند؛ بااین حال هیچ فهرستی 100٪ تضمین شده نیست، پس باید راهبرد جایگزین داشته باشید.
فونت جایگزین (Fallback Fonts)
همیشه در ویژگی «font-family» چند فونتِ مشابه بنویسید و در پایان یک خانواده عمومی قرار دهید تا در صورت نبود گزینه اول، مرورگر بعدی را امتحان کند.
p { font-family: Tahoma, Verdana, sans-serif; }
نکته: اگر نام فونت بیش از یک کلمه است، آن را داخل کوتیشن قرار دهید؛ مانند "Times New Roman".
فهرست محبوب از فونت های وب سیف
- Arial (sans-serif)
- Verdana (sans-serif)
- Tahoma (sans-serif)
- Trebuchet MS (sans-serif)
- Times New Roman (serif)
- Georgia (serif)
- Garamond (serif)
- Courier New (monospace)
- Brush Script MT (cursive)
نمونه کد سریع با خانواده عمومی
.title { font-family: Georgia, "Times New Roman", serif; }
.code { font-family: "Courier New", Courier, monospace; }
برای آشنایی بیشتر با فونت ها به فونت ها در CSS مراجعه کنید و برای راهبردهای پشتیبان به فونت های جایگزین سر بزنید. همچنین می توانید درباره فونت وب سیف بیشتر بخوانید.
هشدار: قبل از انتشار، نمایش فونت ها را در مرورگرها و دستگاه های مختلف بررسی کنید و حتماً از فهرست جایگزین استفاده کنید.
پیوندهای مفید
راهنمای MDN درباره font-family — مرجع رسمی برای نحو و رفتار ویژگی. همچنین Google Fonts Knowledge نکات عملی تایپوگرافی وب را ارائه می دهد.