CSS Веб-безопасные шрифты
Что такое веб-безопасные шрифты
Веб-безопасные шрифты - это шрифты, которые универсально устанавливаются во всех браузерах и на всех устройствах.
Резервные шрифты
Однако 100% полностью безопасных веб-шрифтов не существует. Всегда есть шанс, что шрифт может быть не найден или установлен неправильно.
Поэтому очень важно всегда использовать резервные шрифты.
Это означает, что вам следует добавить список похожих "резервных шрифтов" в свойстве font-family
. Если первый шрифт не работает, браузер попробует использовать следующий, потом следующий и т.д. Всегда заканчивайте список общим названием семейства шрифтов.
Пример
Здесь есть три типа шрифтов: Tahoma, Verdana и sans-serif. Второй и третий шрифты являются резервными на случай, если первый не найден.
p {
font-family: Tahoma, Verdana, sans-serif;
}
Попробуйте сами »
Лучшие безопасные веб-шрифты для HTML и CSS
В следующем списке представлены лучшие веб-безопасные шрифты для HTML и CSS:
- Arial (sans-serif)
- Verdana (sans-serif)
- Helvetica (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 - наиболее широко используемый шрифт как в Интернете, так и в печатных СМИ. Arial также является шрифтом по умолчанию в Документах Google.
Arial - один из самых безопасных веб-шрифтов, доступный во всех основных операционных системах.
Verdana (sans-serif)
Verdana - очень популярный шрифт. Verdana легко читается даже при небольшом размере шрифта.
Helvetica (sans-serif)
Шрифт Helvetica очень нравится дизайнерам. Подходит для многих видов бизнеса.
Tahoma (sans-serif)
В шрифте Tahoma меньше места между символами.
Trebuchet MS (sans-serif)
Trebuchet MS был разработан Microsoft в 1996 году. Используйте этот шрифт осторожно. Поддерживается не всеми мобильными операционными системами.
Times New Roman (serif)
Times New Roman - один из самых узнаваемых шрифтов в мире. Он выглядит профессионально и используется во многих газетах и "новостных" веб-сайтах. Это также основной шрифт для устройств и приложений Windows.
Georgia (serif)
Georgia - элегантный шрифт с засечками. Он хорошо читается при разных размерах шрифта, поэтому является хорошим кандидатом для адаптивного дизайна мобильных устройств.
Garamond (serif)
Garamond - классический шрифт, используемый во многих печатных книгах. У него вневременной вид и хорошая читаемость.
Courier New (monospace)
Courier New - наиболее широко используемый моноширинный шрифт с засечками. Courier New часто используется для кодирования дисплеев, и многие поставщики услуг электронной почты используют его в качестве шрифта по умолчанию. Courier New также является стандартным шрифтом для screenplays.
Brush Script MT (cursive)
Шрифт Brush Script MT был разработан для имитации почерка. Он элегантен и изыскан, но его трудно читать. Используйте его осторожно.
Совет: Также проверьте все доступные Google шрифты и способы их использования.