Часто используемые резервные шрифты
Не существует на 100% полностью безопасных веб-шрифтов. Всегда есть шанс, что шрифт не найден или установлен неправильно. Поэтому очень важно всегда использовать резервные шрифты.
Это означает, что вы должны добавить список похожих "резервных шрифтов" в свойство семейства шрифтов. Если первый шрифт не работает, браузер попробует следующий, и следующий, и так далее. Всегда заканчивайте список общим семействам шрифтов.
Ниже приведены некоторые часто используемые резервные шрифты, сгруппированные по 5 общим семействам шрифтов:
- Serif
- Sans-serif
- Monospace
- Cursive
- Fantasy
Шрифты с засечками
| font-family | Пример текста | Код |
|---|---|---|
| "Times New Roman", Times, serif | Это заголовокЭто параграф. |
Попробуй |
| Georgia, serif | Это заголовокЭто параграф. |
Попробуй |
| Garamond, serif | Это заголовокЭто параграф. |
Попробуй |
Шрифты без засечек
| font-family | Пример текста | Код |
|---|---|---|
| Arial, Helvetica, sans-serif | Это заголовокЭто параграф. |
Попробуй |
| Tahoma, Verdana, sans-serif | Это заголовокЭто параграф. |
Попробуй |
| "Trebuchet MS", Helvetica, sans-serif | Это заголовокЭто параграф. |
Попробуй |
| Geneva, Verdana, sans-serif | Это заголовокЭто параграф. |
Попробуй |
Моноширинные шрифты
| font-family | Пример текста | Код |
|---|---|---|
| "Courier New", Courier, monospace | Это заголовокЭто параграф. |
Попробуй |
Курсивные шрифты
| font-family | Пример текста | Код |
|---|---|---|
| "Brush Script MT", cursive | Это заголовокЭто параграф. |
Попробуй |
Фэнтезийные шрифты
| font-family | Пример текста | Код |
|---|---|---|
| Copperplate, Papyrus, fantasy | Это заголовокЭто параграф. |
Попробуй |
Совет: Также ознакомьтесь со всеми доступными Google шрифтами и узнайте, как их использовать.