April 13

CSS Web Безопасные шрифты

Что такое веб-безопасные шрифты?

Веб-безопасные шрифты - это шрифты, которые универсально устанавливаются во всех браузерах и устройствах.


Обратные Шрифты

Тем не менее, нет 100% полностью безопасных веб-шрифтов. Всегда есть вероятность того, что шрифт не найден или не установлен должным образом.

Поэтому очень важно всегда использовать резервные шрифты.

Это означает, что вы должны добавить список аналогичных "резервных шрифтов" в свойство font-family. Если первый шрифт не работает, браузер попробует следующий, следующий и так далее. Всегда заканчивайте список общим именем шрифта.

Пример

Здесь есть три типа шрифтов: Tahoma, Verdana и sans-serif. Второй и третий шрифты являются резервными копиями, если первый не найден.

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

Лучшие веб-безопасные шрифты для HTML и CSS

Следующий список - лучшие веб-безопасные шрифты для HTML и CSS:

  • Ариал (без засечки)
  • Вердана (без засечки)
  • Тахома (без засечек)
  • Trebuchet MS (без засечек)
  • Times New Roman (засечка)
  • Грузия (засечка)
  • Гарамонд (засечка)
  • Курьер Новый (монопространство)
  • Скрипт Кисти MT (курсив)

Ариал (без засечки)

Arial является наиболее широко используемым шрифтом как для онлайн, так и для печатных СМИ. Arial также является шрифтом по умолчанию в Google Docs.

Arial - один из самых безопасных веб-шрифтов, и он доступен во всех основных операционных системах.

Вердана (без засечки)

Verdana - очень популярный шрифт. Verdana легко читается даже для небольших шрифтов.

Тахома (без засечек)

Шрифт Tahoma имеет меньше места между символами.

Trebuchet MS (без засечек)

Trebuchet MS был разработан Microsoft в 1996 году. Используйте этот шрифт осторожно. Не поддерживается всеми мобильными операционными системами.

Times New Roman (засечки)

Times New Roman - один из самых узнаваемых шрифтов в мире. Он выглядит профессионально и используется во многих газетах и на новостных сайтах. Это также основной шрифт для устройств и приложений Windows.

Georgia (засечки)

Georgia - это элегантный шрифт с засечками. Он очень читаемый при разных размерах шрифтов, поэтому он является хорошим кандидатом для дизайна, отзывчивого на мобильные устройства.

Garamond (засечки)

Garamond - это классический шрифт, используемый для многих печатных книг. Он имеет вневременный вид и хорошую читаемость.

Courier New(монопространство)

Courier New - наиболее широко используемый моноширотный шрифт с засечками. Courier New часто используется с дисплеями кодирования, и многие провайдеры электронной почты используют его в качестве шрифта по умолчанию. Courier New также является стандартным шрифтом для киноэкранов.

Brush Script MT(курсив)

Шрифт Brush Script MT был разработан для имитирования почерка. Он элегантный и утонченный, но его трудно читать. Используйте его осторожно.