асто используемые комбинации шрифтов
Свойство font-family
должно иметь несколько имен шрифтов, как "резервные" системы, для
обеспечения максимальной совместимости между браузерами и операционными
системами. Если браузер не поддерживает первый шрифт, он пытается
следующий шрифт.
Начните со шрифта, который вы хотите, и закончите общей семьей
шрифтов, чтобы браузер выбрал аналогичный шрифт в общей семье, если нет
других доступных шрифтов: Пример
<html>
<head>
<meta charset="utf-8">
<style>
p.serif{ font-family:"Times New Roman",Times,serif; }
p.sansserif{ font-family:Arial,Helvetica,sans-serif; }
</style>
</head>
<body>
<h1>Семейство шрифтов CSS</h1>
<p class="serif">Этот параграф показан в шрифте Times New Roman.</p>
<p class="sansserif">Этот параграф показан в шрифте Arial.</p>
</body>
</html>
Результат выполнения кода выше:
Ниже приведены некоторые часто используемые комбинации шрифтов из общей семьи.
Шрифты Serif
| Семейство шрифтов |
Пример текста |
| Georgia, serif |
Это заголовокЭто параграф |
| "Palatino Linotype", "Book Antiqua", Palatino, serif |
Это заголовокЭто параграф |
| "Times New Roman", Times, serif |
Это заголовокЭто параграф |
Шрифты Sans-Serif
| Семейство шрифтов |
Пример текста |
| 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
| Семейство шрифтов |
Пример текста |
| "Courier New", Courier, monospace |
Это заголовокЭто параграф |
| "Lucida Console", Monaco, monospace |
Это заголовокЭто параграф |
|