Пояснено сімейство шрифтів CSS та веб-безпечні шрифти

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

Веб-безпечні шрифти - це шрифти, які входять до складу більшості операційних систем, наслідком такої високої доступності є те, що дизайнер може розраховувати, що типографіка, що включає веб-безпечні шрифти, здається точно такою, як призначена для більшості користувачів. Нижче наведені неповні списки деяких шрифтів, які на момент написання статті вважаються безпечними в Інтернеті, класифіковані загальними сімействами шрифтів CSS.

Веб-безпечні шрифти із засічками:

  • Грузія
  • Times New Roman

Веб-безпечні шрифти без засічок:

  • Arial
  • Тахома
  • Требюше М.С.
  • Вердана

Веб-безпечні одношарові шрифти:

  • Кур'єр Новий

Варто зазначити, що стеки шрифтів із запасними опціями, включаючи загальне сімейство шрифтів, все одно слід використовувати, навіть якщо ваш дизайн використовує лише безпечні веб-шрифти. Наприклад:

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

Примітка про веб-шрифти

Те, що деякі шрифти безпечніші за інші, не означає, що ви повинні обмежувати свої конструкції використанням лише безпечних веб-шрифтів. Сучасні конструкції з CSS також можуть скористатися перевагами веб-шрифтів, щоб забезпечити послідовну типографіку в операційних системах.

Докладніше про шрифти:

  • Як правильно завантажувати веб-шрифти
  • Суперсімейства шрифтів Google
  • Як використовувати шрифти Google у наступному дизайнерському проекті