Как изменить шрифт в html css

Есть несколько способов изменения шрифта в HTML и CSS. Рассмотрим два наиболее распространенных способа:

Через свойство CSS font-family

Свойство font-family устанавливает семейство шрифтов для текста. Шрифты браузера будут использоваться, если указанный шрифт не будет найден на компьютере пользователя. Например:

h1 {
  font-family: Arial, sans-serif;
}

Это установит шрифт заголовков h1 на Arial, а если он не найден, то на другой беззерновой шрифт (sans-serif).

Подключение специальных шрифтов

Вы также можете загрузить и использовать свой собственный шрифт. Для этого, вы можете воспользоваться инструментами платформ, такими как Google Fonts, Typekit, или Font Squirrel.

Например, можно подключить шрифт Open Sans из Google Fonts:

<head>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <style>
    body {
      font-family: 'Open Sans', sans-serif;
    }
  </style>
</head>

Здесь мы импортируем шрифт Open Sans из Google Fonts в секцию <head> нашего HTML-документа и затем устанавливаем его как шрифт по умолчанию для всего нашего текста.