Шрифты в CSS задаются с помощью свойства font-family
. В CSS есть несколько способов выбора и задания шрифтов для использования на вашем веб-сайте.
- Выбор шрифта из системных шрифтов:
body {
font-family: Arial, sans-serif;
}
В этом примере мы выбрали шрифт Arial, но если его нет на компьютере пользователя, то будет использоваться любой другой системный шрифт с типом «sans-serif».
- Подключение шрифта из внешнего источника:
@font-face {
font-family: 'Open Sans', sans-serif;
src: url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
}
body {
font-family: 'Open Sans', sans-serif;
}
В этом примере мы используем шрифт Open Sans из Google Fonts, который подключается с помощью ссылки на внешний источник. Сначала определяем @font-face правилом, а затем используем свойство font-family
, указывая новый шрифт в качестве первого параметра и тип «sans-serif» в качестве второго параметра, если пользователь не имеет доступа к нему.
- Использование стандартных шрифтов в css:
h1 {
font-family: serif;
}
h2 {
font-family: sans-serif;
}
h3 {
font-family: monospace;
}
h4 {
font-family: cursive;
}
h5 {
font-family: fantasy;
}
В этом примере мы использовали различные типы шрифтов для разных элементов заголовков. Использование стандартных шрифтов в CSS обеспечивает хорошее кроссбраузерное совместимость.
Кроме того, есть и другие параметры в CSS для управления шрифтами, такие как font-size
, font-weight
, font-style
и др. Комбинируя их в соответствии с ваши потребностями, вы можете достичь нужного эффекта и создать привлекательный дизайн вашего веб-сайта.