Все статьи | Блог студента

Как подключить шрифты Гугл на сайт?

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Как подключить шрифты Гугл на сайт? главное изображение

Заходим на сайт fonts.google.com и выбираем шрифт. Например, PT Sans. Нажимаем кнопку «Select this fonts». Нажимаем на «Family Selected». На вкладке Customized выбираем начертания. Если нужен русскоязычный шрифт, выбираем Cyrillic. Копируем строку с подключением шрифта во вкладках EMBED → @IMPORT. Вставляем строку с подключением в начало CSS-файла:

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400i,700,700i');

Копируем свойство font-family. Например:

font-family: ‘PT Sans’, sans-serif;

Аватар пользователя Мария Мардеева
Мария Мардеева 12 февраля 2020
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
19 января 8 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
19 января 8 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
19 января 8 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
19 января 8 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
19 января 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Новый
Создает веб-приложения со скоростью света
19 января 5 месяцев