Урок 38 із 239
16%
← Назад

Тип шрифту в CSS

Навчіться змінювати сімейство шрифту за допомогою властивості font-family.

Тип шрифту в CSS

За допомогою властивості font-family у CSS можна задати сімейство шрифту для тексту.

За замовчуванням браузер використовує стандартний шрифт, але ми можемо змінити його на інший, наприклад Arial, Georgia або Verdana.

Якщо назва шрифту складається з декількох слів, її потрібно записувати в лапках.

<p>
  This is a paragraph with text.
</p>
p {
  font-family: Arial;
}
p {
  font-family: "Comic Sans MS";
}
ШрифтПриклад запису CSS
Times New Romanfont-family: Times New Roman;
Arialfont-family: Arial;
Georgiafont-family: Georgia;
Verdanafont-family: Verdana;
Trebuchet MSfont-family: "Trebuchet MS";
Impactfont-family: Impact;
Arial Blackfont-family: "Arial Black";
Comic Sans MSfont-family: "Comic Sans MS";
Courier Newfont-family: "Courier New";
  • font-family змінює вигляд тексту.
  • Назви шрифтів з пробілами потрібно брати в лапки.
  • Не всі шрифти можуть бути встановлені на комп'ютері користувача.
❗ Важливо:

У сучасних сайтах часто використовують веб-шрифти, наприклад Google Fonts, щоб однаково відображати дизайн у всіх браузерах.

📌 Завдання:
  1. Перевірте роботу всіх шрифтів зі списку.
  2. Застосуйте кожен шрифт до абзацу на своїй сторінці.
💡 Показати підказку

Створіть декілька CSS-правил або змінюйте значення font-family у одному правилі та перевіряйте результат у браузері.

✅ Показати відповідь
p {
  font-family: Arial;
}

p {
  font-family: Georgia;
}

p {
  font-family: "Comic Sans MS";
}