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;
}

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

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