«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS


Свойство font-family определяет семейство шрифта, которое будет использоваться для оформления текста элемента.

Это свойство применимо ко всем элементам.

Значение свойства font-family

- указывают название шрифта/ов

В этом случае, если первый в списке шрифт не установлен на компьютере, браузер воспользуется вторым; если отсутствует второй – третьим и т.д.

- указывают семейство шрифтов

В этом случае браузер воспользуется одним из шрифтов из указанного семейства.

- указывают название шрифта/ов, а затем одно из семейств

В этом случае, если ни один из указанных шрифтов не установлен на компьютере, браузер воспользуется одним из шрифтов из указанного семейства.

О шрифтах (подробнее здесь...).,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

Шрифт, установленный в браузере по умолчанию.

Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство font-family </title>
</head>
<body>

<h2 style="font-family:'Times New Roman', Times, serif"> Оформим текст заголовка второго уровня шрифтом "Times New Roman" из семейства Serif. </h2>
<p style="font-family:'Courier New', Courier, monospace"> А параграф шрифтом "Courier New" из семейства Monospace. </p>

</body>
</html>
Результат

Оформим текст заголовка второго уровня шрифтом "Times New Roman" из семейства Serif.

А параграф шрифтом "Courier New" из семейства Monospace.




Все cвойства CSS

Тематические публикации

CSS по шагам

Тематические публикации