Справочник · CSS

font-family: какой шрифт взять

Браузер берёт первый доступный шрифт из списка. Последним всегда ставь общее семейство.

Как это работает

Имя из нескольких слов пиши в кавычках. После фирменного шрифта укажи похожий системный и serif или sans-serif. Не подключай пять семейств на одну страницу. Если веб-шрифт не загрузился, запасной должен быть читаемым, а не случайным.

body { font-family: Georgia, "Times New Roman", serif; }
h1 { font-family: Manrope, "Segoe UI", sans-serif; }

Когда использовать

Один шрифт для текста и, если нужно, второй для заголовков. Весь интерфейс одним семейством тоже нормален.

Частые ошибки

• Забыли общее семейство в конце списка.
• Название из двух слов без кавычек не применилось.
• На странице три неродственных шрифта без причины.