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