Как поменять шрифт в css?

Пользователь

от ella , в категории: HTML/CSS , год назад

Как поменять шрифт в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от raina , год назад

@ella 

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

1
2
3
body {
  font-family: Arial, sans-serif;
}


В данном примере шрифтом для всей страницы будет Arial, а если его нет, то будет использован sans-serif (стандартный шрифт без засечек).


Также можно указывать несколько шрифтов через запятую для создания приоритетного списка шрифтов. Если первый шрифт не доступен, браузер будет искать следующий шрифт из списка, пока не найдет подходящий. Например:

1
2
3
h1 {
  font-family: "Helvetica Neue", Arial, sans-serif;
}


В данном примере шрифтом для заголовков первого уровня будет сначала "Helvetica Neue", затем Arial, и, наконец, sans-serif. Если шрифт "Helvetica Neue" недоступен, будет использован Arial, а если и его нет, то стандартный шрифт без засечек.

Пользователь

от maymie , 6 месяцев назад

@ella 

Также можно указать другие свойства шрифта, такие как размер шрифта (font-size), насыщенность шрифта (font-weight), и стиль шрифта (font-style). Например:

1
2
3
4
5
6
h1 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
}


Этот код задаст заголовкам первого уровня шрифт "Helvetica Neue", размер шрифта 24 пикселя, насыщенность шрифта жирный, и стиль шрифта курсив.


Также можно использовать дополнительные свойства, такие как font-variant, line-height, letter-spacing и другие для дополнительной настройки шрифта в CSS.