Как подключить Google Fonts (Гугл шрифты)

Многие, кто связан с версткой, веб-дизайном или просто созданием красивых текстов конечно же знает, что Google Fonts — это огромная библиотека всевозможных шрифтов, сейчас в базе Google более 600 шрифтов…мало того — это огромная библиотека бесплатных шрифтов.

А раз в интернете есть такой архив всевозможных шрифтов, то почему бы ими не воспользоваться? Осталось только разобраться как их скачать, установить и подключить к Офису или Фотошопу. Этому мы сегодня и посветим сегодняшний пост.

Скачать и установить шрифты от Google Fonts можно двумя способами — ручная установка или с помощью синхронизации шрифтов при помощи программы SkyFonts. Рассмотрим оба.

Как скачать, установить и подключить Google Fonts вручную

Это рекомендуемый способ, ибо он не сложен и не надо ничего и не требует установки стороннего приложения.

Шаг 1. Заходим в Галерею  Google Fonts. На данный момент сайт имеет больше 600 шрифтов. Радует и то, что для использования данных шрифтов не нужно даже иметь аккаунт в Google. Заходи и качай.

google fonts

Шаг 2.  Теперь вам осталось найти (есть форма поиска шрифтов) и выбрать те шрифты, что вы хотите скачать. Что бы качать не по одному шрифту, а целой пачкой, добавляем нужные шрифты в коллекцию кнопкой Add to Collection

гугл шрифты

Шаг 3. Жмем на кнопку Download (стрелка вниз) в верхнем правом углу. 

google web fonts

Шаг 4. Дальше нам будет задан вопрос каким методом мы хотим загрузить гугл шрифты. Выбираем «Collection as a ZIP file»

скачать шрифты google fonts

Шаг 5. После того как шрифты скачались на наш компьютер осталось их распаковать (зависит какой у вас архиватор)

шрифты в гугл хром

Шаг 6. И Установить. Жмем ПКМ и выбираем «Установить»

google fonts open

Все, теперь у вас установлены шрифты Google Fonts и вы можете их использовать в различных приложениях от Microsoft Office до визуальных редакторов, например Adobe Illustrator.

Как синхронизировать Гугл Шрифты с помощью SkyFonts

Второй способ скачивания и установки шрифтов от Google потребует от вас установки отдельного приложения SkyFonts. Первый три шага повторяем как и в ручном режиме.  После того, как выбрали нужные шрифты и нажали кнопку «Download» выбираем второй пункт Sync Google fonts to your desktop using SkyFonts

русские гугл шрифты

После нажатия нужного пункта нас перенаправят на страницу приложения SkyFonts, где жмем Download SkyFonts

kak-podklyuchit-google-fonts-gugl-shrity-8

В следующем окне подтверждает, что хотим скачать SkyFonts для своей версии ОС.

google fonts русские

Аналогично шагу 5, распаковываем полученный архив и запускаем и установочный файл, благо он там один, не запутаетесь :D.

Стоит отметить, что для SkyFonts требуется наличие Net.Framework 4.0, если у вас его нет, установщик сам его поможет его установить. У меня он есть, поэтому я смело жму Install для установки только SkyFonts.

google com fonts

Процесс установки расписывать не буду, он аналогичен всем установкам. Везде жмем Next и Finish. По завершению установки запускаем программу. Откроется интерфейс программы, где мы жмем на линк google fonts.

подключить гугл фонтс русские шрифты

Программа откроет вам отдельное окно в браузере, где можно найти нужные шрифты. Далее жмем на кнопку SkyFonts и Add

скачать google fonts

Так, шрифты синхронизированы с нашим компьютером, теперь осталось их найти и установить. Снова открываем интерфейс программы SkyFonts и видим список шрифтов. Жмем по шрифту и в появившемуся меню выбираем Reveal in explorer

шрифты google fonts русские

Откроется проводник с папкой шрифтов и опять жмем на файл шрифа ПКМ и Установить

google ru fonts

Ну вот и все. Шрифты установлены и можно пользоваться. Какой вам больше способ нравится, тем и пользуйтесь. Но на мой взгляд, первый способ и быстрее и проще. Но решать вам и только вам.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>