0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>Ответы</h2>
1
<h2>Ответы</h2>
2
<p>Для подключения шрифта из библиотеки Google Fonts достаточно выполнить несколько простых действий:</p>
2
<p>Для подключения шрифта из библиотеки Google Fonts достаточно выполнить несколько простых действий:</p>
3
<ol><li>Найти нужный шрифт из библиотеки</li>
3
<ol><li>Найти нужный шрифт из библиотеки</li>
4
<li>Выбрать необходимые начертания. Например, только Regular и Bold. Здесь всё зависит от того, что конкретно необходимо на сайте</li>
4
<li>Выбрать необходимые начертания. Например, только Regular и Bold. Здесь всё зависит от того, что конкретно необходимо на сайте</li>
5
</ol><p>После этого вам предложат несколько способов подключения шрифта: через HTML или через CSS. Для подключения в HTML используется мета-тег <link></p>
5
</ol><p>После этого вам предложат несколько способов подключения шрифта: через HTML или через CSS. Для подключения в HTML используется мета-тег <link></p>
6
<p>Например, если выбрать шрифт Roboto с начертанием Thin, то будет предложено подключить шрифт следующей строчкой:</p>
6
<p>Например, если выбрать шрифт Roboto с начертанием Thin, то будет предложено подключить шрифт следующей строчкой:</p>
7
<p><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"></p>
7
<p><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"></p>
8
<p>Теперь её можно подключить в секцию <head> вашего проекта и использовать шрифт на сайте:</p>
8
<p>Теперь её можно подключить в секцию <head> вашего проекта и использовать шрифт на сайте:</p>
9
<p><!DOCTYPE html> <html lang="ru"> <head> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> </head> <body> </body> </html></p>
9
<p><!DOCTYPE html> <html lang="ru"> <head> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> </head> <body> </body> </html></p>