Безпечні веб-шрифти

Розповсюджені безпечні веб-шрифти (web-safe fonts) — це ті, які зазвичай присутні на всіх платформах (Windows, macOS, Linux) і виглядають однаково або схоже у всіх браузерах. Використання цих шрифтів гарантує, що користувачі побачать текст саме в тому стилі, який ти задав, навіть якщо у них не встановлено додаткових шрифтів.

Ось список популярних і безпечних веб-шрифтів:

1. Serif (із зарубками):

• Times New Roman (Windows) / Times (Mac)

  • Дуже поширений шрифт із зарубками.

• Georgia

  • Більш сучасний і добре читається на екранах.

• Garamond

  • Класичний шрифт, елегантний і витончений.

2. Sans-Serif (без зарубок):

• Arial

  • Один із найбільш універсальних і часто використовуваних шрифтів.

• Helvetica (часто використовується на macOS)

  • Популярний і вважається більш сучасним.

• Verdana

  • Спеціально створений для гарної читабельності на екрані.

• Tahoma

  • Схожий на Verdana, також добре читається на екрані.

• Trebuchet MS

  • Відносно сучасний шрифт із хорошою читабельністю.

3. Monospace (моноширинні):

• Courier New

  • Класичний моноширинний шрифт, широко використовується в програмуванні.

• Lucida Console

  • Альтернатива Courier з чистішим виглядом.

• Consolas

  • Стандартний шрифт для програмування у Windows.

4. Cursive (курсив):

• Comic Sans MS

  • Популярний серед деяких користувачів, хоча і критикується через свій вигляд.

• Brush Script MT

  • Стиль рукописного шрифту, виглядає як написаний пензлем.

Приклад використання в CSS:

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

Фолбек-шрифти:

При визначенні шрифту в CSS краще використовувати список шрифтів (як у прикладі вище). Якщо браузер не зможе знайти перший шрифт (наприклад, "Arial"), він перейде до наступного ("Helvetica"), а потім до загальної категорії sans-serif.

Використання сторонніх шрифтів:

Окрім цих "безпечних" шрифтів, ти можеш також використовувати шрифти з сервісів на кшталт Google Fonts, але для цього потрібно завантажувати шрифти через інтернет.