Сидиш над макетом, знайшов гарний шрифт, але там написано “тільки за підпискою” або “тільки для особистого використання”.
Що це означає? Чи можна його ставити в сайт або банер? Тут легко заплутатись, особливо якщо не звик копатися в ліцензіях.
Безкоштовний шрифт – це гарнітура, яку можна використовувати без оплати, але не завжди без обмежень.
У цій статті покажу, де брати якісні шрифти безкоштовно, як читати умови використання й на що звертати увагу, щоб не було проблем. Будуть приклади й практичні поради.
Такі шрифти підходять для сайтів, презентацій, PDF-документів і навіть логотипів. Якщо умови дозволяють, їх можна спокійно використовувати в комерційних проєктах. Наприклад, шрифти з Google Fonts не вимагають ні згадки автора, ні ліцензії – завантажив і працюй.
Перевага очевидна – не витрачаєш гроші, маєш широкий вибір і можеш швидко підібрати стиль під завдання. Це зручно для малого бізнесу, дизайнерів-початківців і всіх, хто не хоче ускладнень.
10 найкращих безкоштовних кириличних шрифтів із Google Fonts
Розроблення дизайну для сайту або проєкту – трудомісткий процес, на початку якого важливо прийняти правильні стилістичні рішення. Дизайнерам є над чим подумати: від колірної схеми та логотипу до навігації та верстки контенту. Але найскладніше все-таки в тому, щоб об’єднати всі ці складові стилю сайту в одну збалансовану і цілісну концепцію.
Типографіка – важлива частина цієї єдності. Ми вже розглядали основи роботи з текстом, а тепер розберемося зі шрифтами. Щойно користувачі отримують перші враження від сайту за допомогою кольору, вони починають сприймати інформацію безпосередньо через текст. Гарний, красивий і органічний шрифт, що добре читається, може вплинути на їхнє рішення про те, чи залишитися на сайті.
Вибір шрифтів занадто великий, тому виникає багато запитань. З чого почати? Що з ліцензією? Гротеск чи антиква? Як зрозуміти, що шрифт читабельний? А що він не застарів? Які шрифти чудово працюють у заголовках, а які в набірному тексті? Ох, це занадто складно, особливо на початковому етапі.
Відповідаємо на ці запитання і залишаємо вам добірку шрифтів, які точно не підведуть. Але почнемо з невеликих формальностей.
Ліцензія шрифтів Google Fonts
Якщо з правилами використання зображень професійне співтовариство вже більш-менш розібралося, то правові питання, що стосуються шрифтів, для багатьох залишаються незрозумілими.
До безкоштовних належать системні шрифти, встановлені в персональних комп’ютерах, а також ті, що надає Google Fonts.
Усі шрифти на цьому сервісі можна використовувати абсолютно безкоштовно в будь-яких продуктах: друкованих або цифрових, комерційних або персональних.
Ви можете задіяти їх у логотипі, брендбуці, рекламній вивісці на вулиці або банері в соціальній мережі. Єдине, чого ви не можете робити, – це продавати шрифти, завантажені з сервісу.
Важливо: створюючи комерційний продукт, категорично не можна використовувати шрифти з платною ліцензією, не купуючи їх.
У разі правового конфлікту всі звинувачення ляжуть на дизайнера – а штрафи за таке порушення непідйомні для однієї людини.
З ліцензіями розібралися – переходимо до добірки.
Rubik
Rubik – це представник сімейства шрифтів без зарубок зі злегка закругленими кутами. Його розробили дизайнери Філіп Хьюберт і Себастьян Фішер.
Легкий, м’який шрифт матиме гарний вигляд у набірному тексті (для читання) і підійде проєкту практично будь-якої тематики. Особливо він гарний для сайтів і лендингів компаній із digital-індустрії. Плюс цього шрифту – у свіжості. Він не виглядає заїждженим навіть для найдосвідченіших дизайнерів.
Приклади використання: dinoballiana.com, moeamaya.com, genesisblockchain.io.
Cormorant
Cormorant – це витончений шрифт із зарубками, створений Крістіаном Талманном. Включає п’ять класичних накреслень (Light, Regular, Medium, SemiBold, Bold) і велику кількість символів. Подивіться проєкт на Behance, щоб детально вивчити його.
Під час створення цього шрифту дизайнер відштовхувався від відомого всім Garamond, який чудово показує себе в набірному тексті, але не підходить для заголовків. Варто зазначити, що Крістіану вдалося виправити цей недолік!
Використовуйте цей шрифт для оформлення блогів, life-style сайтів, а також на новинних порталах. У Cormorant вдало поєднуються витонченість і суворість, тому він безпечний для найрізноманітніших проєктів.
Приклади використання: sasha-ng.com, readwildness.com/eco, katescott.co/sparhawk.
Alegreya Sans
Alegreya Sans – це рубаний шрифт (без зарубок), розроблений аргентинським дизайнером Хуаном Пабло дель Пералом. Представлений у семи накресленнях, зокрема в Italic.
Його рекомендують для набірного тексту або для невеликих заголовків у накресленні Bold. Alegreya Sans мінімалістичний і вирізняється незвичайними пропорціями, тому непростий у роботі. Але він сильно недооцінений на просторах Google Fonts і тому матиме оригінальний вигляд.
Source Sans Pro
Source Sans Pro – це перший безкоштовний шрифт Adobe. Розроблений Полом Д. Хантом. Без зарубок, призначений для роботи в користувацьких інтерфейсах. У дизайну Source Sans Pro класичний готичний характер, який легко сприймається візуально.
Шрифт розроблено в шести градаціях товщини, у прямому і похилому накресленні. Завдяки його компактності, Source Sans Pro можна вдало використовувати не лише в інтерфейсах, а й там, де багато тексту (у лонгридах).
Приклади: whitehouse.gov, owlstudios.co, abyssale.com.
Playfair Display
Playfair Display – один із найвідоміших шрифтів із зарубками. Автор – Клаус Еггерс Соренсен. Ідеологія цього шрифту заснована на витончених каліграфічних формах 18 століття. Розроблений 2011 року, але досі не втрачає популярності. Контрастний і помірно широкий, він ідеально підходить для будь-яких заголовків.
Цей шрифт буде чудовим акцентом у проєктах, де ви хочете підкреслити витонченість, лаконічність, статусність чи естетичність бренду. Playfair Display вдало комбінується з рубаними шрифтами помірної ширини, на кшталт Open Sans.
Приклади використання: zack.es, sachatourtoulou.com, councl.com.
Montserrat
Montserrat – це один зі шрифтів, найбільш зручних для читання. Без зарубок, створений Джульєттою Улановскі 1989 року – відтоді неймовірно поширений. У Montserrat є всі варіанти накреслень: від ультратонкого до жирного, – а також відповідні курсиви.
У цього шрифту приблизно однакове співвідношення ширини і висоти, тому він зручний практично для всіх типів проєктів. За винятком, мабуть, тільки інтерфейсів і мобільних додатків. З 2019 року, коли в моду увійшли широкі шрифти для заголовків (наприклад, Druk Wide), Montserrat переживає нову хвилю популярності.
Приклади: welcometonext.com, userflower.com.
Merriweather
Merriweather – це шрифт із зарубками, який був розроблений спеціально для комфортного читання на електронних пристроях. Ще є Merriweather Sans – версія без зарубок, яка гармонійно поєднується з усім сімейством.
У Merriweather м’які зарубки і відкриті форми, тому він практично універсальний. Елегантно підкреслює естетичність проєкту, але дружить і з бізнес-тематикою. Merriweather рекомендується використовувати в парі з самим собою або з рубаними шрифтами для набірного тексту. У Merriweather вісім накреслень, тому він може бути дуже різним і практично завжди мати бездоганний вигляд.
Приклади: hopesandfears.com, interactive.unwomen.org, scmp.com.
Open Sans
Open Sans – мабуть, найвідоміший шрифт без зарубок, представлений на платформі Google Fonts. Розроблений Стівом Маттесоном, директором шрифтів Ascender Corp. Open Sans став хітом у всіх галузях дизайну: від друкованих матеріалів до мобільних додатків.
Секрет його успіху очевидний вже з назви: це відкритий, нейтральний і доброзичливий шрифт. Його головні плюси – розбірливість і універсальність. А він ще й безкоштовний.
Приклади: noiz.io, cordial.com, designthingy.co.
IBM Plex Sans
IBM Plex Sans – це нейтральний, але водночас дружній шрифт у стилі гротеск. Включає Sans, Sans Condensed, Mono і Serif. Залишається розбірливим у друкованих, мобільних і веб-інтерфейсах.
У цьому шрифті вдало поєднуються геометричність форм і м’якість вигинів – і це надає йому характеру, зберігаючи універсальність. Використовуйте його для проєктів, пов’язаних з IT, а також в інтерфейсах і мобільних додатках. До речі, IBM Plex Sans – наразі основний шрифт GeekBrains.
Приклади: coolstuff.nyc, jasperterra.nl, niteeshyadav.com
Raleway
Raleway – це елегантний шрифт без зарубок, призначений для заголовків та інших текстів з великим кеглем. Спочатку його розробив Метт Макінерні тільки в тонкій вазі, а 2012 року Пабло Імпалларі та Родріго Фуензаліда розширили його в сімейство з дев’яти накреслень.
Стиль цього шрифту додає свіжості будь-якому проєкту, попри строгість форм. Raleway підходить іменитим брендам, які хочуть іти в ногу з часом. Варто звернути на нього увагу, якщо ви хочете підкреслити елегантність або мінімалістичність проєкту.
Приклади: weddingdronenenewyork.com, bellevoye.fr/en, gdovindesigns.com/owed
Чи сподобалася вам добірка? Поділіться в коментарях, який шрифт привернув вашу увагу і яку тему ви хотіли б бачити в продовженні цієї серії статей? Чи варто розкривати більш глибоко питання, пов’язані з типографікою?
Використання шрифтів
Тепер, коли ми розглянули найкращі варіанти, варто поговорити про те, як правильно їх застосовувати. Адже навіть найкрасивіший шрифт може зіпсувати проєкт, якщо його неправильно використати.
Поєднання шрифтів
Основне правило – не більше двох шрифтових сімейств на одному проєкті. Найчастіше це один шрифт для заголовків і другий для основного тексту. Наприклад, Playfair Display для заголовків + Open Sans для тексту – безпрограшна комбінація.
Якщо хочете експериментувати, дотримуйтеся принципу контрасту: поєднуйте шрифти з зарубками та без зарубок. Merriweather + Montserrat, Cormorant + Source Sans Pro – такі пари працюють ідеально.
Розміри та ієрархія
Не робіть основний текст менше 16px для веб-сайтів. Це мінімум для комфортного читання. Заголовки мають бути принаймні в 1.5 рази більшими за основний текст.
Створюйте чітку ієрархію: H1 (найбільший заголовок), H2 (підзаголовки), основний текст, підписи. Кожен рівень має відрізнятися розміром або накресленням.
Міжрядковий інтервал
Тут багато хто помиляється. Оптимальний міжрядковий інтервал – 1.4-1.6 від розміру шрифту. Занадто щільний текст важко читати, занадто розріджений – розпадається на окремі рядки.
Уникайте помилок
Замість Arial використовуйте Montserrat або Open Sans. Arial застарів і виглядає аматорськи. Google Fonts пропонує набагато кращі альтернативи, які завантажуються так само швидко.
Не змішуйте декоративні шрифти. Якщо вибрали яскравий шрифт для заголовків (як Playfair Display), основний текст має бути максимально нейтральним. Інакше макет перетвориться на хаос.
Перевіряйте читабельність на мобільних. Те, що гарно виглядає на комп’ютері, може стати нечитабельним на телефоні. Тестуйте шрифти на різних пристроях, особливо дрібний текст.
Не забувайте про швидкість завантаження. Google Fonts оптимізовані, але завантаження 10 варіантів одного шрифту сповільнить сайт. Вибирайте тільки потрібні накреслення – зазвичай достатньо Regular, Bold і одного курсиву.
Альтернативи Google Fonts
Хоча Google Fonts – найпопулярніший сервіс, є й інші джерела якісних безкоштовних шрифтів:
- Font Squirrel – ретельно перевірені шрифти з безпечними ліцензіями
- Adobe Fonts – доступно з підпискою Creative Cloud, величезна колекція
- Fontshare від Indian Type Foundry – сучасні якісні шрифти
- Bunny Fonts – альтернатива Google Fonts, що дбає про приватність
Висновок
Безкоштовні шрифти дають величезні можливості для творчості, не обмежуючи бюджет.
Почніть з простого: виберіть один шрифт з нашої добірки для свого наступного проєкту. Спробуйте різні накреслення, поекспериментуйте з розмірами. З часом ви розвинете чуття до типографіки та зможете створювати по-справжньому красиві дизайни.
Корисні ресурси для поглиблення знань:
Fonts in Use – галерея прикладів використання шрифтів
Type Scale – інструмент для створення типографічної ієрархії
Font Pair – підбір гармонійних поєднань шрифтів
Удачі в ваших дизайн-проєктах! Діліться результатами та не соромтеся ставити запитання – типографіка справді захоплююча тема, в якій завжди є що вивчити.
