CSS Веб-безопасные комбинации шрифтов
Часто используемые комбинации шрифтов
font-family — свойство, позволяющее указать несколько названий шрифтов в качестве "резервной" системы, чтобы обеспечить максимальную совместимость между браузерами/устройствами и операционными системами. Если браузер/устройство не поддерживает какой-либо шрифт, он пробует следующий шрифт.
Если браузер не может найти нужный вам тип шрифта, он найдёт похожий среди общих семейств шрифтов:
Ниже приведены некоторые распространённые комбинации шрифтов и общие семейства шрифтов.
Шрифт с засечками
| Font | Пример текста |
|---|---|
| Georgia, serif | Это заголовокЭто абзац |
| "Palatino Linotype", "Book Antiqua", Palatino, serif | Это заголовокЭто абзац |
| "Times New Roman", Times, serif | Это заголовокЭто абзац |
шрифт sans-serif
| Font | Пример текста |
|---|---|
| Arial, Helvetica, sans-serif | Это заголовокЭто абзац |
| Arial Black, Gadget, sans-serif | Это заголовокЭто абзац |
| "Comic Sans MS", cursive, sans-serif | Это заголовокЭто абзац |
| Impact, Charcoal, sans-serif | Это заголовокЭто абзац |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | Это заголовокЭто абзац |
| Tahoma, Geneva, sans-serif | Это заголовокЭто абзац |
| "Trebuchet MS", Helvetica, sans-serif | Это заголовокЭто абзац |
| Verdana, Geneva, sans-serif | Это заголовокЭто абзац |
Моноширинный шрифт
| Font | Пример текста |
|---|---|
| "Courier New", Courier, monospace | Это заголовокЭто абзац |
| "Lucida Console", Monaco, monospace | Это заголовокЭто абзац |