CSS – فونت وب امن (Font Web Safe)

فونت‌های وب ایمن چیستند؟

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

فونت‌های پشتیبان (Fallback Fonts)

هیچ فونتی به صورت ۱۰۰٪ وب ایمن نیست. همیشه این امکان وجود دارد که یک فونت پیدا نشود یا به درستی نصب نشود. بنابراین، استفاده از فونت‌های پشتیبان بسیار مهم است. این یعنی شما باید در ویژگی font-family یک لیست از فونت‌های مشابه به عنوان “فونت‌های پشتیبان” ارائه دهید. اگر اولین فونت کار نکند، مرورگر به سراغ فونت بعدی و بعدی خواهد رفت. همیشه این لیست را با نام یک خانواده عمومی فونت به پایان برسانید.

مثال:

در اینجا سه نوع فونت وجود دارد: Tahoma، Verdana، و sans-serif. فونت‌های دوم و سوم به عنوان پشتیبان عمل می‌کنند.

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 یکی از پرکاربردترین فونت‌ها برای مدیاهای آنلاین و چاپی است و به عنوان فونت پیش‌فرض در Google Docs استفاده می‌شود.

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

Verdana (sans-serif): Verdana یک فونت بسیار محبوب است که حتی در اندازه‌های کوچک هم خواناست.

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

Tahoma (sans-serif): فونت Tahoma فضای کمتری بین حروف دارد.

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

Trebuchet MS (sans-serif): Trebuchet MS توسط مایکروسافت در سال ۱۹۹۶ طراحی شد. این فونت در همه سیستم‌عامل‌های موبایل پشتیبانی نمی‌شود.

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

Times New Roman (serif): Times New Roman یکی از شناخته‌شده‌ترین فونت‌های دنیا است و در بسیاری از روزنامه‌ها و وب‌سایت‌های خبری استفاده می‌شود.

p {
  font-family: "Times New Roman", Times, serif;
}

Georgia (serif): Georgia یک فونت شیک و خوانا است که در طراحی‌های ریسپانسیو برای موبایل‌ها گزینه خوبی است.

p {
  font-family: Georgia, serif;
}

Garamond (serif): Garamond یک فونت کلاسیک است که در بسیاری از کتاب‌های چاپی استفاده می‌شود.

p {
  font-family: Garamond, serif;
}

Courier New (monospace): Courier New پرکاربردترین فونت monospace است و معمولاً در نمایش کدها و فیلمنامه‌های فیلم استفاده می‌شود.

p {
  font-family: "Courier New", Courier, monospace;
}

Brush Script MT (cursive): Brush Script MT یک فونت شیک است که تقلیدی از دست‌خط است و باید با دقت استفاده شود زیرا ممکن است خواندن آن دشوار باشد.

p {
  font-family: "Brush Script MT", cursive;
}

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

Read more
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

Read more
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

Read more

Comments

Share your comments with us

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.