Google Fonts — библиотека сотен свободно распространяемых шрифтов.

Google Fonts — библиотека сотен свободно распространяемых шрифтов.

Сервис особенно ценен для веб-разработчиков.

Он позволяет встроить подходящие шрифты на сайт посредством CSS.

Физически шрифты хранятся на серверах Google.

Это надежные и быстрые системы

Как шрифты с Google Fonts подключить к сайту

Специальный скрипт интегрирует нужный шрифт с сервера Google на ваш сайт.

Такая подгрузка шрифтов технологически правильнее, чем загрузка шрифтов с хостинга .

Какой бы быстрый хостинг вы ни купили, он будет загружать шрифты медленнее, чем сервера Google.

Загрузка шрифтов в любом случае занимает время.

Во время загрузки пользователи видят на вашем сайте шрифты по умолчанию.

Значит, время загрузки шрифтов нужно минимизировать, что и делает Google Fonts.

Вы можете выбрать нужный вам шрифт и сразу кастомизировать его под ваш сайт

Google Fonts предлагает вам 2 варианта подключения шрифта на сайт  в HTML и В CSS файлы

Я пользуюсь вторым вариантом CSS

Копируем ссылку на шрифт  @import url(‘https://fonts.googleapis.com/css?family=Source+Sans+Pro‘);

И добавляем ее в начало файла Style.css

Далее копируем font-family: ‘Source Sans Pro’, sans-serif;

И добавляем стиль к нужному компоненту

А так же шрифт можно скачать библиотеку и установить на ПК для использования в Photoshop,Word итд.

Ссылка на сайт⇒ Google Fonts