Розділ 2 · Завдання 8

Шрифти

font-family, font-weight, line-height — керуємо виглядом тексту.

Завдання

Додайте в style.css:

style.css 
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.card p {
  font-weight: bold;
}
font-family

Назва шрифту. Кілька назв через кому — «запасний варіант»: якщо першого шрифту нема, браузер візьме наступний. sans-serif — «будь-який шрифт без засічок».

line-height

Висота рядка. 1.6 означає «в 1.6 раза більше за розмір шрифту». Спробуй 1 (стиснеться) або 3 (розсунеться).

font-weight

Жирність тексту: bold — жирний, normal — звичайний. Або числами: 400 — звичайний, 700 — жирний, 900 — дуже жирний.

Новий тип селектора

.card p — два слова через пробіл означає «усі <p> усередині елемента з класом card». Тільки цей <p> стане жирним, інші — ні.

Популярні шрифти

Arial, sans-serif — простий, сучасний. Georgia, serif — «книжковий». "Courier New", monospace — схожий на код.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща