CSS font-family
Часто используемые комбинации шрифтов
Свойство font-family должно содержать несколько имен шрифтов как "запасной", чтобы обеспечить максимальную совместимость между браузерами / операционными системами. Если браузер не поддерживает первый шрифт, он пробует следующий.
Начните с шрифта, который вы хотите, и в конце с общим семейством, чтобы позволить браузеру выбрать аналогичный шрифт в общем семействе, если нет других доступных шрифтов:
Ниже приведены некоторые часто используемые сочетания шрифтов, организованные по общему семейству.
Шрифт 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 | Это заголовокЭто параграф |
Шрифты Monospace
| font-family | Пример text |
|---|---|
| "Courier New", Courier, monospace | Это заголовокЭто параграф |
| "Lucida Console", Monaco, monospace | Это заголовокЭто параграф |
Совет: Также проверить все доступные Google Шрифты и как ими пользоваться.
