Как применить шрифт в CSS

Для применения шрифта в CSS необходимо использовать свойство font-family.

Сначала нужно определить и загрузить выбранный шрифт. Это можно сделать с помощью специальных инструментов, таких как Google Fonts или FontSquirrel, которые предоставляют бесплатные шрифты и код для их подключения.

Допустим, вы загрузили шрифт «Roboto» с Google Fonts. Далее, вам нужно прописать следующий код в своем CSS файле:

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

Здесь мы указываем, что для всех элементов тега body будет применяться шрифт «Roboto». Свойство font-family может содержать несколько значений, которые являются альтернативными шрифтами для разных операционных систем или устройств:

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

В этом примере мы указываем использовать шрифт «Roboto», если он доступен на устройстве пользователя. В противном случае, будет использоваться шрифт «Helvetica Neue», а если его тоже нет — «Arial». Наконец, последний вариант запасного шрифта «sans-serif» — это общее название для любого стандартного беззасечного шрифта.

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

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

В этом примере мы применяем шрифт «Roboto» к заголовку первого уровня (h1) на странице.

Это примерное использование font-family для применения шрифта в CSS. Обратите внимание, что, помимо этого, вы можете использовать другие свойства, такие как font-size, font-weight, line-height и т.д., для управления внешним видом текста на странице.