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