Ви готові оновити свій сайт WordPress, але не можете вирішити, який вибрати шрифт? Тоді найкраще рішення – почати з найпопулярніших варіантів. У цьому пості перераховані шрифти, що часто використовуються Google та вказано їх особливості. А також кілька порад про те, як найкраще включити їх до свого веб-сайту WordPress.
17 найпопулярніших шрифтів Google у 2019 році
У списку нижче ви знайдете приклади деяких найпопулярніших шрифтів, які може запропонувати бібліотека Google. Для кожного шрифту вказано кількість стилів і до яких шрифтів він підходить.
1. Roboto
- без зарубок
- 12 стилів
- приклад шрифту.
Rockin Roboto – найпопулярніший шрифт із рекордною кількістю використань: майже 60 мільярдів. Він найбільш популярний у США, але може похвалитися високим рівнем використання у Японії та Бразилії. Roboto відрізняється сильними, чистими лініями, але при цьому м'якими та доброзичливими вигинами. Google пропонує Open Sans, Lato, Montserrat, Raleway та Oswald як популярні пари для Roboto.
2. Open Sans
- без зарубок
- 10 стилів
- приклад шрифту.
Open Sans використовують для зручності читання. Це нейтральний шрифт, доступний як для мобільних платформ, так і для друку. Open Sans люблять у США, Франції та Росії. Його популярні пари: Roboto, Lato, Oswald, Raleway та Montserrat.
3. Лато
- без зарубок
- 10 стилів
- приклад шрифту.
Lato – шрифт для бізнесу. Його кути точні, чисті та гострі, що сподобалося майже 10 мільярдам користувачів від США до Бразилію. Його пари Google шрифтів – Roboto, Open Sans, Oswald, Raleway та Source Sans Pro.
4. Monserrat
- без зарубок
- 18 стилів
- приклад шрифту.
Monserrat зацікавлений у тому, щоб залишитися унікальним, як і його однойменний район у Буенос-Айресі в Аргентині. Цей шрифт використовують більш ніж 5 мільярдів користувачів у США, у Франції та Бразилії. Популярні комбінації із цим шрифтом – Raleway, Open Sans, Roboto, Oswald та Lato.
5. Roboto Condensed
- без зарубок
- 6 стилів
- приклад шрифту.
Повертаючись до Roboto, цього разу у його "Condensed" вигляді. Сімейство шрифтів Roboto багаточисельне, і це тонший аналог нашого попереднього прикладу. Він розроблений для тих, кому потрібно зберегти місце на веб-сайті. Понад 4 мільярди людей використовують цю версію, і вона найбільш популярна в США та Росії. Найкращі компаньйони пари: Open Sans, Lato, Oswald, Montserrat та звичайні Roboto.
6. Source Sans Pro
- без зарубок
- 12 стилів
- приклад шрифту.
Чудовий Source Sans Pro – серйозно ставиться до своєї роботи. Adobe розробила його таким чином, щоб він ідеально підходив для інтерфейсів користувача. Майже 4 мільярди людей використовують його у США та Франції. Добре поєднується з Open Sans, Roboto, Lato, Oswald та Raleway.
7. Oswald
- без зарубок
- 6 стилів
- приклад шрифту.
Вишуканий Oswald чудово вписується в піксельну сітку стандартних цифрових екранів. Він вільно використовується на інтернет-платформах майже чотирма мільярдами людей, особливо в США та Франції. І найчастіше в парі з нашими шрифтами, що регулярно з'являються: Open Sans, Roboto, Lato, Montserrat і Raleway.
8. Raleway
- без зарубок
- 18 стилів
- приклад шрифту.
Вишуканий Raleway живе у стані ар-деко. Raleway приносить елегантний, але сміливий вигляд на будь-який веб-сайт. Спочатку він планувався як заголовок з одним стилем, і тепер він може похвалитися 18 стилями та майже 3 мільярдами людей, які його використовують. Він регулярно з'являється разом з Montserrat, Open Sans, Roboto, Lato та Oswald.
9. Slabo 27px / 13px
- Із засічками
- 2 стилі
- приклад шрифту.
Спеціалізований Slabo 27px/13px найбільш зручний у технічній тематиці, наприклад, для звіту наукової лабораторії. Незважаючи на наявність засічок, він виглядає тонким та ефективним. Його використовують понад 2 мільярди людей у США, Індонезії, Індії та Бразилії. Популярні пари – Open Sans, Roboto, Lato, Montserrat та Oswald.
Дивіться також:
Як додати свої кастомні шрифти на WordPress тут.
10. PT Без
- без зарубок
- 4 стилі
- приклад шрифту.
PT Sans - інтроверт, що став екстравертом. Він був вперше розроблений для проекту «Громадські типи Російської Федерації», щоб відвідувачі могли читати та писати своєю рідною мовою. В даний час його використовують по всьому світу, хоча він, як і раніше, залишається найпопулярнішим в Росії. Open Sans, Roboto, Lato, Raleway та PT Serif – відмінні компаньйони для цього шрифту.
11. Merriweather
- Із засічками
- 8 стилів
- приклад шрифту.
Merriweather – це відкрита книга із простим для читання стилем для будь-якого екрану. Це шрифт із цікавими невеликими діагоналями, відкритими округлими формами та довгими засічками. До 2 мільярдів людей використовують його в основному в США, а також Італії та Бразилії. Його популярними парами є Open Sans, Montserrat, Oswald, Lato та Roboto.
12. Roboto Slab
- Із засічками
- 4 стилі
- приклад шрифту.
Roboto Slab - крутий двоюрідний брат звичайного Roboto, що привносить відчуття талановитості. Він відокремлює себе від звичайного Roboto з його унікальним стилем і не дбає про те, щоб заощаджувати місце так само сильно, як це робить Roboto Condensed, тому що він надто зосереджений на самовираженні. Не більше 2 мільярдів людей використовують Roboto Slab у США, Росії, Італії та Бразилії, і він добре поєднується зі звичайними Roboto, Open Sans, Monserrat, Lato та Raleway.
13. Noto Sans/Serif
- Із засічками або без засічок
- 4 стилі
- приклад шрифту.
Noto Sans – це міжнародний вид шрифту – його розробляли як шрифт для кількох мов. Noto Sans використовують понад 1,5 мільярда людей, і в основному із США та Бразилії. Noto Sans добре працює з Noto Serif, Open Sans, Inconsolata, Roboto та Source Sans Pro.
14. Open Sans Condensed
- без зарубок
- 3 стилі
- приклад шрифту.
Open Sans Condensed з'явився одразу після дебюту Roboto Condensed. Open Sans Condensed – це ще один спосіб заощадити місце та донести ваше повідомлення трохи ефективніше, ніж звичайні Open Sans. До 1,5 мільярда людей використовують його у різних країнах, таких як США, Росія, Великобританія, Італія та Франція. Популярні пари включають звичайні Open Sans, Roboto, Oswald, Josefin Slab і Amatic SC.
15 Ubuntu
- без зарубок
- 8 стилів
- приклад шрифту.
Ubuntu – це шрифт із рівними можливостями. Він дотримується філософії, подібної до Noto Sans, вважаючи, що всі мови можуть використовувати його. Ubuntu може похвалитися більш ніж 1 мільярдом користувачів у багатьох країнах, таких як США, Росія, Італія, Франція, Іспанія та Бразилія. Шрифт часто з'являється з Open Sans, Roboto, Lato, Oswald та Raleway.
16. Poppins
- без зарубок
- 18 стилів
- приклад шрифту.
Peppy Poppins привносить життя в геометричні візерунки та поєднує в собі порядок та веселощі. Його улюблена форма – це коло, тому що воно використовується для згладжування країв та кутів, що додає буквам м'якості. Його використовують понад 1 мільярд людей, в основному в США та Франції. Шрифт добре виглядає з Roboto, Open Sans, Raleway, Oswald та Playfair Display.
17. Дисплей Playfair
- Із засічками
- 6 стилів
- приклад шрифту.
Playfair Display стійкий завдяки широким засіканням, і водночас має м'які закруглені краї. Це виглядає чудово у пресі та надає тексту атмосферу журналу. Його використовують трохи більше мільярда людей, найчастіше у США, Франції, Італії та Іспанії. Шрифти-компаньйони для Playfair Display: Roboto, Open Sans, Lato, Montserrat та Raleway.
Поради щодо використання шрифтів Google у WordPress
Нижче наведено деякі рекомендовані кроки для того, щоб оптимізувати використання шрифтів на вашому веб-сайті.
1. Виберіть шрифт, який підходить вашому сайту
Raleway надає тесту стильності ар-деко, Merriweather має легкість, а Playfair Display може похвалитися журнальною/друкованою атмосферою. Запитайте себе, який стиль втілює ваш бренд, та підберіть шрифт згідно вашої концепції.
2. Сформуйте творчу структуру
Вибираючи один із вищеперелічених шрифтів, визначте, які з них підійдуть для заголовків, основного тексту та підзаголовків. Виберіть шрифти, які доповнюють один одного. Великі шрифти, виділені жирним шрифтом, курсивом і подібні, привертають увагу і є найбільш сильними як заголовки.
3. Обмежте свої стилі шрифту
Як бачите, деякі із представлених шрифтів мають до 18 стилів. Однак, якщо у вас так багато варіантів, це не означає, що вам потрібно використовувати їх усі. Як правило, рекомендується використовувати лише три – звичайний, жирний та курсив. Занадто багато шрифтів може призвести до уповільнення вашого сайту. Вибираючи шрифти з Google, ви можете вказати, які стилі ви хочете увімкнути, щоб уникнути завантаження занадто великої кількості файлів та зниження продуктивності сайту.
4. Пам'ятайте про читабельність
Всесвітня організація охорони здоров'я дійшла висновку, що близько 1,3 мільярда людей живуть із порушеннями зору. Багато хто з них користуються Інтернетом, і ваше завдання зробити ваш сайт доступним і для них. Тим не менш, навіть ті, хто не належить до цієї групи, віддають перевагу сайтам, на яких очам буде комфортно.Тому при відображенні шрифтів на вашому сайті важлива читабельність. Наприклад, вибір неонових кольорів у Comic Sans – поганий варіант. Переконавшись, що ваш шрифт є приємним для читання, ви зможете зробити свій сайт більш доброзичливим для всіх ваших користувачів. Одна з найважливіших речей – це контраст, який ви можете перевірити за допомогою цього інструменту.
5. Якщо у вас є унікальний шрифт, розмістіть його на сервері
Щоб спробувати покращити продуктивність, можна розмістити шрифт локально на вашому сервері. Якщо ви використовуєте шрифт Google, це робити не потрібно, оскільки сервери Google зазвичай дуже швидко реагують. Однак є й інші причини розміщення файлів шрифтів на вашому сервері, у тому числі й нові правила GDPR. Плагін CAOS for Webfonts | Host Google Fonts Locally стане чудовим рішенням для обох випадків.
Джерело: wpkube.com
Коментарі до запису: 0