Шрифти

Властивість font-family задає шрифт тексту елемента. Через кому можна перерахувати довільну кількість шрифтів, які браузер спробує знайти в системі користувача та застосувати. Браузер буде шукати шрифти зліва направо та застосує перший знайдений.

В кінці списку завжди вказується сімейство шрифтів, на випадок, якщо жодного перерахованого шрифту не знайдено. Тоді застосовується стандартний шрифт із цього сімейства, який є в системі користувача.

p {
  font-family: 'Helvetica Neue', 'Roboto', 'Verdana', 'Tahoma', sans-serif;
}

Гугл-ресурс с внешними шрифтами Після вибору на сайті потрбного шрифта - додаємо посилання коди у head HTML s CSS. Наприклад.

• HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">

• CSS

body {
font-family: 'Roboto', sans-serif;
}