15 лучших шрифтов для дизайна сайтов, приложений и полиграфии

Например, Noto Sans — это гарнитура, Noto Sans Regular — шрифт, Noto Serif — гарнитура, Noto Serif Bold — шрифт. Все вместе эти гарнитуры составляют семейство Noto.

Освоить типографику, научиться работать с разными шрифтами и гарнитурами поможет курс «Веб-дизайнер». Курс включает теорию и практику с обратной связью от экспертов. Специалисты Карьерного центра помогают доработать резюме, создать запоминающееся портфолио, определиться со стоимостью услуг на фрилансе и найти первую работу.

Минималистичный шрифт без засечек, создан Кристианом Робертсоном в начале 2010-х годов для операционной системы Android. Знаком большинству пользователей ещё со времён школьных рефератов, хорошо читается на экранах разных форматов — от ноутбуков до смартфонов. Оптимально подходит для заголовков, подписей и объёмных текстов.

Лицензия: Apache версии 2.0 — свободное распространение в коммерческих и личных целях, при использовании в продукте нужно указать разработчика.

Шрифт Roboto используют более 540 млн сайтов по всему миру. Источник: behance

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

Лицензия: Open Font License — свободное распространение в личных и коммерческих целях.

Шрифт соответствует духу технологий XXI века. Источник: behance

Шрифт без засечек, призван подчеркнуть индивидуальность одноимённой операционной системы. Создан компанией Dalton Maag более 10 лет назад. Хорошо читается независимо от размера экрана. Семейство Ubuntu объединяет разные языки.

Лицензия: Ubuntu Font License — свободное распространение в коммерческих и личных целях.

Ubuntu — универсальный шрифт, который не отвлекает пользователя от содержимого лендинга. Источник: fonts.adobe

Нейтральные шрифты, которые используют для набора текстов большого объёма. У наборных шрифтов нет ярко выраженных особенностей: они немного отличаются друг от друга пропорциями, шириной и высотой букв. Отличия заметны только профессиональным дизайнерам, которые много работают с типографикой.

Главное назначение наборных шрифтов — не отвлекать внимание читателя от содержания. Если в процессе чтения пользователь не отвлекается на шрифт, значит, он выбран удачно.

Нестареющая классика, одинаково хорошо смотрится и читается на плакатах и экранах смартфонов, часто используется для создания логотипов. Создан Максом Мидингером и Эдуардом Хоффманом.

Лицензия: закрытая, платная.

Helvetica создан более 60 лет назад и до сих пор активно используется по всему миру. Источник: bestfonts

При создании этого шрифта аргентинский дизайнер Джульетта Улановская вдохновлялась типографикой вывесок, плакатов и указателей района Монсеррат в исторической части Буэнос-Айреса. Получился простой геометрический гротеск, который подходит для использования в диджитале, веб-дизайне и официальных документах.

Лицензия: SIL Open Font License — свободное распространение в коммерческих и личных целях.

Шрифт Montserrat легко читается даже в маленьких кеглях. Источник: behance

Польский дизайнер Лукаш Дзедзич создал шрифт, который достаточно прозрачный при использовании в основном тексте, а в крупных форматах — отображает оригинальные черты. Классические пропорции букв подчёркивают их гармонию и элегантность, а полукруглые детали передают ощущение тепла — «Lato» в переводе с польского значит «Лето».

Лицензия: Open Font License — свободное распространение в коммерческих и личных целях.

Шрифт поддерживает более 100 языков латиницы, кириллицы и греческого алфавита. Источник: fonts.adobe

Классический геометрический гротеск, разработан немецким дизайнером Паулем Реннером в 1927 году с опорой на традиции Баухауса. Главное в этом шрифте — простота и практически неограниченная функциональность. Легко читается и активно используется в диджитале и полиграфии. Кириллическую версию шрифта использовали в логотипе московской Олимпиады 1980 года.

Лицензия: закрытая, платная.

Начертание букв повторяет формы круга, треугольника и квадрата. Источник: researchgate

Изначально разработан Мэттом Макинерни, позже дорабатывался другими дизайнерами. Отличительная черта этого универсального гротеска — тонкость линий и геометричность начертаний, а также запоминающиеся детали, например перекрестье штрихов в букве W. Часто используется в диджитале: логотипах, заголовках, лендингах.

Лицензия: Open Font License — свободное распространение в коммерческих и личных целях.

В гарнитуре Raleway 18 начертаний — от очень тонкого до жирного, который подходит для больших экранов. Источник: fonts.adobe

Раньше считалось, что для печати лучше использовать шрифты с засечками: за них цепляется глаз, а написанное воспринимается лучше. Традиция пошла из Древнего Рима, когда буквы выбивали в камне с помощью молотка и зубила: так засечка получалась сама собой. На старых экранах засечки из-за мерцания создавали рябь — и текст воспринимался хуже. Появилось мнение, что в диджитале лучше использовать шрифты без засечек, однако с появлением качественных экранов оно потеряло актуальность.

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

Шрифты с засечками можно встретить на сайтах определённой тематики: театры, выставки, красота, мода, элитные магазины, — изящные и контрастные шрифты с засечками хорошо передают атмосферу.

Голландский дизайнер Клаус Эггерс Соренсен вдохновлялся стилистикой эпохи Просвещения. Шрифт отличается тонкими декоративными росчерками и внутренней лёгкостью начертаний. Его часто используют для заголовков, но функционально он может употребляться и для больших массивов текста.

Лицензия: Open Font License — свободное распространение в коммерческих и личных целях.

Декоративная гарнитура хорошо подходит для заголовков и часто используется в логотипах. Источник: adobe

Кристиан Тальманн вдохновился наследием гарнитуры Garamond, которая в свою очередь основывалась на французской типографике XVI века. Для шрифта Cormorant характерны острые засечки, плавные изгибы и яркие акценты — то, что нужно, чтобы привлечь внимание ценителей эстетики.

Лицензия: Open Font License — свободное распространение в коммерческих и личных целях.

Изящная антиква отлично впишется на сайт в тематике моды, красоты и стиля. Источник: behance

Шрифт американской компании Sorkin Type отличается слегка сжатыми формами букв, лёгким диагональным напряжением и строгими засечками. Всё вместе даёт ощущение изящности и теплоты.

Лицензия: Open Font License — свободное распространение в коммерческих и личных целях.

Декоративный шрифт с большим количеством воздуха легко читается на любых экранах. Источник: fontesk

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

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

Лицензия: Open Font License — свободное распространение в личных и коммерческих целях.

Создатель шрифта — российский дизайнер Егор Белозёров. Источник: paratype

Харизматичный и современный шрифт создал французский дизайнер Жереми Ландес, а его кириллизацию — Александр Слобженинов. Особенно интересно выглядят удлинённые буквы «Ж», «И», «Щ» и «Ш» — плакат или заголовок на лендинге точно выделятся. Своеобразие начертаний приводит к лёгкой узнаваемости этого шрифта даже среди непрофессионалов. Пять лет назад шрифт получил награду конкурса «Современная кириллица 2019».

Лицензия: SIL Open Font License, свободное распространение в личных и коммерческих целях.

Стандартно отрисованные буквы чередуются с оригинальными формами. Источник: awdee

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

Лицензия: Creative Commons Attribution 3.0 Unported — бесплатно для коммерческого и личного использования с указанием авторства.

Шрифт представлен в кириллице и латинице, также в наборе есть специальные символы. Источник: behance

Тщательно проработанный шрифт с закруглёнными углами и геометрическими чертами, вдохновлён эстетикой роботизации. Подходит для диджитал-проектов, которые связаны с визуализацией будущего и инновационными технологиями. В шрифтовой набор входит более 500 символов.

Лицензия: бесплатно для личного использования, для коммерческого потребуется приобрести платную версию.

Шрифт создан Pangram Pangram при участии художника Васьена Катро. Источник: behance