font-family

Устанавливает одно или несколько семейств шрифтов или общее название для семейства шрифтов. Обычно задается несколько значений через запятую. Браузер выберет тот шрифт, который будет доступен первый в системе пользователя или через @font-face.

Обязательно в конце добавляйте общее название семейства шрифтов. Если ни один из шрифтов не будет найдет — браузер сам установит подходящий шрифт.

Значение по умолчанию зависит от браузера.

Примеры

font-family: Arial, sans-serif;
font-family: Roboto, Arial, Tahoma, sans-serif;
font-family: "Proxima Nova", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
font-family: monospace;

Значения

Значение	Описание
название семейства	Название семейства шрифтов, например `Arial`, `"Helvetica Neue"`. Если в названии есть пробел, цифры или другие знаки — необходимо его взять в кавычки.
общее название	Общее название семейства шрифтов. Часто идет последним, чтобы указать браузеру шрифт, если другие оказались не доступны. serif — с засечками sans-serif — без засечек monospace — моноширинный (например для кода) cursive — рукописный fantasy — декоративные, фентезийные system-ui — системный шрифт ОС emoji — эмоджи math — математический fangsong — китайские иероглифы
размер	Размер, заданный в единицах измерения, например em, px и др. Использовать `em` не рекомендуется, т.к. может считаться неправильно.
проценты	Значение в процентах от текущего размера шрифта элемента. Тоже не рекомендуется.
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.