Для применения шрифта в 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
и т.д., для управления внешним видом текста на странице.