17 лучших Google шрифтов и как их использовать в WordPress

Вы готовы обновить свой сайт WordPress, но не можете решить, какой шрифт выбрать? Тогда лучшее решение – начать с самых популярных вариантов. В этом посте перечислены часто используемые шрифты Google и указаны их особенности. А также несколько советов о том, как лучше всего включить их в свой веб-сайт WordPress.

17 лучших Google шрифтов и как их использовать в WordPress
17 лучших Google шрифтов и как их использовать в WordPress

17 самых популярных шрифтов Google в 2019 году

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

1. Roboto

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 12 стилей
  • Пример шрифта.

Rockin Roboto – самый популярный шрифт с рекордным количеством использований: почти 60 миллиардов. Он наиболее популярен в США, но может похвастаться высоким уровнем использования в Японии и Бразилии. Roboto отличается сильными, чистыми линиями, но при этом мягкими и дружелюбными изгибами. Google предлагает Open Sans, Lato, Montserrat, Raleway и Oswald в качестве популярных пар для Roboto.

2. Open Sans

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 10 стилей
  • Пример шрифта.

Open Sans используют для удобства чтения. Это нейтральный шрифт, общедоступный как для мобильных платформ, так и для печати. Open Sans любят в США, Франции и России. Его популярные пары: Roboto, Lato, Oswald, Raleway, and Montserrat.

3. Lato

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 10 стилей
  • Пример шрифта.

Lato – шрифт для бизнеса. Его углы точные, чистые и острые, что полюбилось почти 10 миллиардам пользователей от США до Бразилию. Его пары Google шрифтов – Roboto, Open Sans, Oswald, Raleway и Source Sans Pro.

4. Monserrat

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 18 стилей
  • Пример шрифта.

Monserrat заинтересован в том, чтобы остаться уникальным, как и его одноименный район в Буэнос-Айресе в Аргентине. Этот шрифт используют более чем 5 миллиардов пользователей в США, во Франции ​​и Бразилии. Популярные комбинации с этим шрифтом – Raleway, Open Sans, Roboto, Oswald и Lato.

5. Roboto Condensed

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 6 стилей
  • Пример шрифта.

Возвращаясь к Roboto, на этот раз в его «Condensed» виде. Семейство шрифтов Roboto многочисленное, и это более тонкий аналог нашего предыдущего примера. Он разработан для тех, кому необходимо сохранить пространство на веб-сайте. Более 4 миллиардов человек используют эту версию, и она наиболее популярна в США и России. Лучшие компаньоны пары: Open Sans, Lato, Oswald, Montserrat и обычные Roboto.

6. Source Sans Pro

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 12 стилей
  • Пример шрифта.

Превосходный Source Sans Pro – серьезно относится к своей работе. Adobe разработала его таким образом, чтобы он идеально подходил для пользовательских интерфейсов. Почти 4 миллиарда человек используют его в США и Франции. Хорошо сочетается с Open Sans, Roboto, Lato, Oswald и Raleway.

7. Oswald

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 6 стилей
  • Пример шрифта.

Изысканный Oswald хорош вписывается в пиксельную сетку стандартных цифровых экранов. Он свободно используется на интернет-платформах почти 4-мя миллиардами человек, особенно в США и Франции. И чаще всего в паре с нашими регулярно появляющимися шрифтами: Open Sans, Roboto, Lato, Montserrat и Raleway.

8. Raleway

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 18 стилей
  • Пример шрифта.

Изысканный Raleway живет в состоянии ар-деко. Raleway привносит элегантный, но смелый вид на любой веб-сайт. Изначально он планировался как заголовок с одним стилем, и теперь он может похвастаться 18 стилями и почти 3 миллиардами людей, которые его используют. Он регулярно появляется вместе с Montserrat, Open Sans, Roboto, Lato и Oswald.

9. Slabo 27px / 13px

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • С засечками
  • 2 стиля
  • Пример шрифта.

Специализированный Slabo 27px / 13px наиболее удобен в технической тематике, например, для отчета научной лаборатории. Несмотря на наличие засечек, он выглядит тонким и эффективным. Его используют более 2 миллиардов человек в США, Индонезии, Индии и Бразилии. Популярные пары – Open Sans, Roboto, Lato, Montserrat и Oswald.

Смотрите также:

Как добавить свои кастомные шрифты на WordPress тут.

10. PT Sans

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 4 стиля
  • Пример шрифта.

PT Sans – интроверт, ставший экстравертом. Он был впервые разработан для проекта «Общественные типы Российской Федерации», чтобы посетители могли читать и писать на своем родном языке. В настоящее время его используют по всему миру, хотя он по-прежнему остается самым популярным в России. Open Sans, Roboto, Lato, Raleway и PT Serif – отличные компаньоны для этого шрифта.

11. Merriweather

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • С засечками
  • 8 стилей
  • Пример шрифта.

Merriweather – это открытая книга с простым для чтения стилем для любого экрана. Это шрифт с интересными небольшими диагоналями, открытыми округлыми формами и длинными засечками. До 2 миллиардов человек используют его в основном в США, а также в Италии и Бразилии. Его популярными парами являются Open Sans, Montserrat, Oswald, Lato и Roboto.

12. Roboto Slab

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • С засечками
  • 4 стиля
  • Пример шрифта.

Roboto Slab – крутой кузен обычного Roboto, привносящий ощущение талантливости. Он отделяет себя от обычного Roboto с его уникальным стилем и не заботится о том, чтобы экономить место так же сильно, как это делает Roboto Condensed, потому что он слишком сосредоточен на самовыражении. Не более 2 миллиардов человек используют Roboto Slab в США, России, Италии и Бразилии, и он хорошо сочетается с обычными Roboto, Open Sans, Monserrat, Lato и Raleway.

13. Noto Sans/Serif

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • С засечками или без засечек
  • 4 стиля
  • Пример шрифта.

Noto Sans – это международный вид шрифта – его разрабатывали как шрифт для нескольких языков. Noto Sans используют более 1,5 миллиарда человек, и в основном из США и Бразилии. Noto Sans хорошо работает с Noto Serif, Open Sans, Inconsolata, Roboto и Source Sans Pro.

14. Open Sans Condensed

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 3 стиля
  • Пример шрифта.

Open Sans Condensed появился сразу после дебюта Roboto Condensed. Open Sans Condensed – это еще один способ сэкономить место и донести ваше сообщение чуть более эффективно, чем обычные Open Sans. До 1,5 миллиарда человек используют его в разных странах, таких как США, Россия, Великобритания, Италия и Франция. Популярные пары включают в себя обычные Open Sans, Roboto, Oswald, Josefin Slab и Amatic SC.

15. Ubuntu

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 8 стилей
  • Пример шрифта.

Ubuntu – это шрифт с равными возможностями. Он придерживается философии, аналогичной Noto Sans, полагая, что все языки могут использовать его. Ubuntu может похвастаться более чем 1 миллиардом пользователей во многих странах, таких как США, Россия, Италия, Франция, Испания и Бразилия. Шрифт часто появляется с Open Sans, Roboto, Lato, Oswald и Raleway.

16. Poppins

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • Без засечек
  • 18 стилей
  • Пример шрифта.

Peppy Poppins привносит жизнь в геометрические узоры и сочетает в себе порядок и веселье. Его любимая форма – это круг, так как он используется для сглаживания краев и углов, что добавляет буквам мягкости. Его используют более 1 миллиарда человек, в основном в США и Франции. Шрифт хорошо смотрится с Roboto, Open Sans, Raleway, Oswald и Playfair Display.

17. Playfair Display

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

  • С засечками
  • 6 стилей
  • Пример шрифта.

Playfair Display устойчив благодаря широким засечкам, и в то же время имеет мягкие закругленные края. Это выглядит великолепно в печати и придает тексту атмосферу журнала. Его используют чуть более миллиарда человек, чаще всего в США, Франции, Италии и Испании. Шрифты-компаньоны для Playfair Display: Roboto, Open Sans, Lato, Montserrat и Raleway.

Советы по использованию шрифтов Google в WordPress

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

1. Выберите шрифт, который подходит вашему сайту

Raleway придает тесту стильность ар-деко, Merriweather обладает легкостью, а Playfair Display может похвастаться журнальной / печатной атмосферой. Спросите себя, какой стиль воплощает ваш бренд, и подберите шрифт, согласно вашей концепции.

2. Сформируйте творческую структуру

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

3. Ограничьте свои стили шрифта

Как видите, некоторые из представленных шрифтов имеют до 18 стилей. Однако, если у вас так много вариантов, это не значит, что вам нужно использовать их все. Как правило, рекомендуется использовать только три – обычный, жирный и курсив. Слишком много шрифтов может привести к замедлению вашего сайта. Выбирая шрифты из Google, вы можете указать, какие стили вы хотите включить, чтобы избежать загрузки слишком большого количества файлов и снижения производительности сайта.

17 лучших Google шрифтов и как их использовать в WordPress
17 лучших Google шрифтов и как их использовать в WordPress

4. Помните о читабельности

Всемирная организация здравоохранения пришла к выводу, что около 1,3 миллиарда людей живут с нарушениями зрения. Многие из них пользуются Интернетом, и ваша задача, сделать ваш сайт доступным и для них. Тем не менее, даже те, кто не принадлежит к этой группе, предпочитают сайты, на которых глазам будет комфортно.По этой причине при отображении шрифтов на вашем сайте важна читабельность. Например, выбор неоновых цветов в Comic Sans – плохой вариант. Убедившись, что ваш шрифт приятен для чтения, вы сможете сделать свой сайт более дружелюбным для всех ваших пользователей. Одна из самых важных вещей – это контраст, который вы можете проверить с помощью этого инструмента.

17 лучших Google шрифтов и как их использовать в WordPress
лучшие Google шрифты для вордпресс

5. Если у вас есть уникальный шрифт, разместите его на сервере

Чтобы попытаться улучшить производительность, можете разместить шрифт локально на вашем сервере. Если вы используете шрифт Google, то это делать не нужно, поскольку серверы Google обычно очень быстро реагируют. Однако есть и другие причины для размещения файлов шрифтов на вашем сервере, в том числе и новые правила GDPR. Пплагин CAOS for Webfonts | Host Google Fonts Locally станет отличным решением для обоих случаев.

Источник: hostenko.com/wpcafe

Добавить комментарий

%d такие блоггеры, как: