جایگزین های فونت (Font Fallbacks)
«جایگزین های فونت» یعنی لیستی پشتیبان برای نمایش متن. اگر فونت اول نبود، بعدی امتحان می شود. پس متن شما همیشه خوانا می ماند. این کار در CSS با ویژگی «font-family» انجام می شود.
جایگزین های فونت چیست؟
Fallback یعنی پشتیبان. شما چند فونت مشابه پشت سرهم می نویسید. اگر اولی نصب نبود، مرورگر سراغ دومی می رود. در پایان، همیشه یک خانواده عمومی مانند serif یا sans-serif بگذارید.
گام های عملی برای ساخت Fallback
- فونت دلخواه را اول بنویسید.
- دو جایگزین نزدیک اضافه کنید.
- در پایان، خانواده عمومی بگذارید.
- در مرورگرها و موبایل ها تست کنید.
نمونه: زنجیره Sans-Serif
p {
font-family: Arial, Helvetica, sans-serif;
}
نمونه: زنجیره Serif
.content {
font-family: "Times New Roman", Times, serif;
}
خانواده های عمومی پرکاربرد
خانواده عمومی (Generic Family) گروه کلی فونت است. این ها آخر زنجیره می آیند: Serif، Sans-serif، Monospace، Cursive، Fantasy.
Serif
نمونه های پیشنهادی: "Times New Roman", Times, serif — Georgia, serif — Garamond, serif. برای تست نمونه Times از «مشاهده در ادیتور» بالا کمک بگیرید.
Sans-Serif
نمونه های پیشنهادی: Arial, Helvetica, sans-serif — Tahoma, Verdana, sans-serif — "Trebuchet MS", Helvetica, sans-serif — Geneva, Verdana, sans-serif.
Monospace
برای کد مناسب است: "Courier New", Courier, monospace. نمونه نمایشی در W3Schools موجود است.
Cursive و Fantasy
برای تیتر خاص خوب اند؛ اما خوانایی کمتر است. نمونه ها: "Brush Script MT", cursive و Copperplate, Papyrus, fantasy.
نکته: اگر فونت وب سیف می خواهید، صفحه فونت های وب سیف را ببینید. همچنین کلیدواژه جایگزین های فونت را در متن ها به کار ببرید.
جمع بندی سریع
- هیچ فونتی تضمینی نیست.
- همیشه Fallback بنویسید.
- زنجیره را با خانواده عمومی تمام کنید.
- در دستگاه های مختلف تست کنید.
- زنجیره ها را ساده و منطقی بچینید.