Часто используемые комбинации шрифтов
Свойство 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 | Это заголовокЭто параграф |
Была ли эта информация полезной?
