Свойстов CSS font-family должно содержать несколько названий шрифтов в качестве запасных вариантов для расширения совместимости сайта между браузерами и операционными системами. Если браузер не поддерживает шрифт, он попытается загрузить следующий шрифт из списка.
Первым указывайте желаемый шрифт, а последним укажите семейство шрифта, чтобы позволить браузеру выбрать шрифт из этого семейства, если указанные вами конкретные шрифты будут недоступны:
Пример
p{font-family:»Times New Roman», Times, serif}
Ниже приведены несколько часто используемых комбинаций шрифтов, отсортированные по семейству.
Семейство Serif
| Свойство font-family | Пример текста |
|---|---|
| Georgia, serif |
Это параграф |
| «Palatino Linotype», «Book Antiqua», Palatino, serif |
Это параграф |
| «Times New Roman», Times, serif |
Это параграф |
Семейство Sans-Serif
| Свойство font-family | Пример текста |
|---|---|
| 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-family | Пример текста |
|---|---|
| «Courier New», Courier, monospace |
Это параграф |
| «Lucida Console», Monaco, monospace |
Это параграф |