Как установить шрифт в css

Для установки шрифта в CSS можно использовать свойство font-family.

Сначала нужно подключить шрифт в свой CSS-файл с помощью правила @font-face:

@font-face {
  font-family: "MyFont";
  src: url("myfont.woff");
}

В данном случае мы создали новый шрифт «MyFont» и загрузили его в файле myfont.woff.

Затем в определении стилей мы можем использовать свойство font-family для применения этого шрифта для всей страницы или для конкретных элементов:

body {
  font-family: "MyFont", sans-serif;
}

В данном примере мы установили шрифт «MyFont» для всего тела документа, а если бы этот шрифт не был бы загружен, то фоллбеком был бы sans-serif.

Также можно использовать несколько шрифтов для разных весов, наклонов и размеров текста с помощью правила font-family:

h1 {
  font-family: "MyFontBold", "MyFont", sans-serif;
  font-weight: bold;
  font-size: 24px;
}

p {
  font-family: "MyFontRegular", "MyFont", sans-serif;
  font-weight: normal;
  font-size: 16px;
}

В этом примере мы использовали несколько шрифтов для разных элементов страницы. У шрифта «MyFontBold» указано свойство font-weight: bold; чтобы отобразить текст в жирном виде.

Надеюсь, эта информация была полезной.