آموزش فونت های ایمن وب در CSS

فونت های ایمن وب(Web Safe Fonts) چه هستند؟

فونت های ایمن وب، فونت هایی هستند که به صورت جهانی، در تمام مرورگرها و دستگاه ها نصب می شوند.

فونت های بازگشتی(Fallback Fonts)

اما هیچ فونتی وجود ندارد که کاملاً یعنی 100 درصد، در وب ایمن باشد. زیرا همیشه احتمال دارد که یک فونت پیدا نشود یا به درستی نصب شده باشد. از این رو، بسیار مهم است که همیشه از فونت های بازگشتی(fallback fonts) استفاده کنیم. برای انجام این کار، باید یک لیست از فونت های پشتیبان را در ویژگی font-family اضافه کنیم. تا اگر فونت اول کار نکرد، مرورگر از فونت بعدی استفاده کند و همین طور الی آخر. همواره لیست مذکور را با یک نام فونت کلی(generic font family) پایان دهید.

p {
font-family: Tahoma, Verdana, sans-serif;
}

فونت های ایمن وب برای HTML و CSS

لیست زیر، بهترین فونت های ایمن وب برای HTML و CSS را نشان می دهد:

• 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)

نکته: قبل از اینکه وب سایت خود را منتشر کنید، همواره بررسی کنید که فونت ها در مرورگرها و دستگاه های مختلف، به درستی نشان داده شود. و همیشه از فونت های بازگشتی(پشتیبان) استفاده کنید.

فونت Arial (sans-serif)

فونت Arial پرکاربرد ترین فونت برای استفاده ی آنلاین و رسانه های چاپی است. همچنین فونت Arial، فونت پیش فرض در بخش Google Docs می باشد. Arial یکی از سریع ترین فونت ها است و در تمام سیستم عامل های اصلی در دسترس است.

body {
  font-family: Arial, sans-serif;
}

Verdana (sans-serif)

Verdana یک فونت بسیار محبوب است. Verdana به آسانی قابل خواندن است؛ حتی برای سایز فونت کوچک.

body {
  font-family: Verdana, sans-serif;
}

Tahoma (sans-serif)

در فونت Tahoma فاصله ی بین حروف کمتر است.

body {
  font-family: Tahoma, sans-serif;
}

Trebuchet MS (sans-serif)

فونت Trebuchet MS در سال 1996 توسط مایکروسافت طراحی شد. از این فونت با  دقت استفاده کنید. زیرا در تمام سیستم عامل های موبایل، از آن پشتیبانی نمی شود.

body {
  font-family: 'Trebuchet MS', sans-serif;
}

Times New Roman (serif)

فونت Times New Roman قابل تشخیص ترین فونت در جهان است. این فونت حرفه ای به نظر می رسد و در بسیاری از روزنامه ها و تارنماهای خبری مورد استفاده قرار می گیرد. همچنین این فونت، بعنوان فونت اصلی برای دستگاه ها و اپلیکیشن های ویندوزی به کار می رود.

body {
  font-family: 'Times New Roman', serif;
}

Georgia (serif)

فونت Georgia یک فونت ظریف سریف(elegant serif font) است. این فونت در سایزهای مختلف، بسیار خوانا است؛ از این رو، یک نامزد مناسب برای طراحی های واکنش گرای موبایل به حساب می آید.

body {
  font-family: Georgia, serif;
}

Garamond (serif)

فونت Garamond یک فونت کلاسیک است که از آن برای بسیاری از کتاب های چاپی، استفاده می شود. این فونت ظاهری جاودانه دارد و خوانایی خوبی دارد.

body {
  font-family: Garamond, serif;
}

 Courier New (monospace)

فونت Courier New پرکاربرد ترین فونت در monospace serif است. از فونت Courier New اغلب در نمایشگرهای کدگذاری(coding displays) استفاده می شود و بسیای از ارائه دهندگان ایمیل، از آن بعنوان فونت پیش فرض خود استفاده می کنند. فونت Courier New همچنین یک فونت استاندارد برای فیلمنامه های فیلم می باشد.

body {
  font-family: 'Courier New', monospace;
}

Brush Script MT (cursive)

فونت Brush Script MT به منظور تقلید کردن دستخط طراحی شده است.این فونت ظریف و پیچیده است؛ اما خواندن آن می تواند سخت باشد. از آن با دقت استفاده کنید.

body {
  font-family: 'Brush Script MT', cursive;
}