font-family

Оновлено: 31.01.2023

font-family

Встановлює сімейство шрифту, яке буде використовуватися для оформлення тексту вмісту. Список шрифтів може містити одну або кілька назв, розділених комою. Якщо в імені шрифту містяться пробіли, наприклад, Trebuchet MS, воно повинно міститися в одинарних або подвійних лапках.


Коли браузер зустрічає перший шрифт у списку, він перевіряє його наявність на комп'ютері користувача. Якщо такого шрифту немає, береться наступне ім'я зі списку і також аналізується на присутність. Тому кілька шрифтів збільшує ймовірність, що хоча б один із них буде виявлено на клієнтському комп'ютері. Закінчують список зазвичай ключовим словом, яке описує тип шрифту - serif, sans-serif, cursive, fantasy або monospace. Таким чином, послідовність шрифтів краще починати з екзотичних типів і закінчувати узагальненим ім'ям, яке задає вид накреслення.

Коротка інформація

Значення за замовчуванням Шрифт, встановлений у браузері за замовчуванням. Зазвичай це Times New Roman.
Успадковується Так
Застосовується До всіх елементів
Анімується Ні

Синтаксис

 font-family: <шрифт> [, <шрифт>[, ...]]

Значення

Будь-яка кількість імен шрифтів розділених комами. Універсальні сімейства шрифтів:

  • serif — шрифти із зарубками (антиквенні), типуTimes;
  • sans-serif — рубані шрифти (шрифти без зарубок або гротески), типовий представник Arial;
  • cursive — курсивні шрифти;
  • fantasy — декоративні шрифти;
  • monospace — моноширинні шрифти, ширина кожного символу в такому сімействі однакова (шрифт Courier).

Приклад

Об'єктна модель

Об'єкт.style.fontFamily

Браузери

font-family

Переглянути сумісність з Can I use?

font-family