Google Fonts CSS - красивые шрифты для вашего сайта

Google Fonts - это библиотека шрифтов, предоставляемых Google. Она позволяет веб-разработчикам легко добавлять различные шрифты на свои веб-страницы с помощью CSS.

Чтобы использовать Google Fonts, сначала нужно подключить их на свою веб-страницу. Для этого необходимо добавить следующую строку кода в секцию своего HTML-документа:

Вместо "ШРИФТ" нужно указать название шрифта, который вы хотите использовать. Например, если вы хотите использовать шрифт Roboto, используйте следующий код:

После подключения библиотеки шрифтов, можно настроить шрифты для различных элементов вашей веб-страницы, используя CSS. Ниже приведены примеры кода для использования шрифтов Google:

css
/* Задаем шрифт для всего текста */
body {
  font-family: 'Roboto', sans-serif;
}
/* Задаем шрифт для заголовков */
h1, h2, h3 {
  font-family: 'Open Sans', sans-serif;
}
/* Задаем размер и жирность текста */
p {
  font-size: 16px;
  font-weight: 300;
}

В приведенном выше коде мы используем шрифты "Roboto" для всего текста, "Open Sans" для заголовков, а также задаем размер и жирность текста для параграфов.

Также можно настроить другие параметры шрифтов, такие как цвет, выравнивание и др. Это делается с помощью свойств CSS, таких как color, text-align и т. д.

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

css
h1, h2, h3 {
  font-family: 'Open Sans', sans-serif;
  color: red;
}

Таким образом, с помощью Google Fonts и CSS вы можете легко настроить внешний вид шрифтов на своей веб-странице. Общая идея заключается в подключении библиотеки шрифтов через HTML и настройке шрифтов с использованием CSS.