лучшие шрифты для веб дизайна
10 лучших шрифтов для вашего сайта 2020 года
При разработке веб сайта каждых дизайнер сталкивается с задачей найти красивый шрифт для сайта. И наверняка вы знаете как сложно найти красивый и подходящий шрифт, к тому же, чтобы он еще и хорошо вписывался в стилистику сайта и я сам постоянно сталкиваюсь с такой проблемой. Поэтому, я собрал свою подборку лучших бесплатных шрифтов 2020 года для сайта.
Это будет 5 шрифтов для заголовков и 5 шрифтов для основного текста, которые круто сочетаются между собой. А самое главное — они все бесплатные!
Со времен просвещения в конце 18-го века широкие перья были заменены острыми стальными ручками. Это повлияло на типографские буквы, становясь все более оторванными от письменных. Разработки в области технологий печати, чернил и изготовления бумаги позволили печатать буквы с высокой контрастностью и тонкими линиями. Проект Playfair возглавляет Клаус Эггерс Соренсен, дизайнер шрифтов из Амстердама, Нидерланды. Как видно из названия, Playfair Display хорошо подходит для заголовков. Его можно установить в заголовках новостей или для стилистического эффекта в любых заголовках.
Bebas Neue свободный sans serif, создан Ryoichi Tsunekawa. Но теперь Bebas пополнился четырьмя новыми весами — Thin, Light, Book, и Regular, добавленных. Шрифт отлично подойдет для заголовков, навигации на сайте, рекламных постеров и многого другого.
Семейство Druk Wide было создано в 2013 году специально для нового дизайна «Etc.» ― раздела о стиле и культуре в Bloomberg Businessweek. Оно прежде всего отдаёт дань уважения нидерландским дизайнерам первой половины XX века, активно использовавшим широкие, насыщенные гротески для привнесения в работы строгой шрифтовой иерархии (например, в каталогах Городского музея Амстердама, выполненных Виллемом Сандбергом).
Разработан с мощными функциями opentype. Каждый вес включает расширенную языковую поддержку (+ кириллицу), фракции, табличные фигуры, стрелки, лигатуры и многое другое. Идеально подходит для графического дизайна. Он может легко работать для веб-сайтов, вывесок, корпоративных, а также для редакционного дизайна.
Старые плакаты и вывески в традиционном районе Монтсеррат в Буэнос-Айресе вдохновили Джульетту Улановскую на разработку этого шрифта и спасение красоты городской типографии, появившейся в первой половине двадцатого века. Письма, которые вдохновили этот проект, имеют работу, преданность делу, заботу, цвет, контраст, свет и жизнь, день и ночь! Проект Монтсеррат начался с идеи спасти то, что находится на Монтсеррате.
Стилистически, Proxima Nova преодолевает разрыв между шрифтами, такими как Futura и классическими без засечек. В результате получается гибрид, сочетающий гуманистические пропорции с несколько геометрическим внешним видом.
За последние десять или около того лет, в течение которых Лукаш занимался проектированием шрифтов, большинство его проектов были основаны на конкретной задаче проектирования, которую он должен был решить. С Лато все было по-другому. Первоначально семья была задумана как набор корпоративных шрифтов для крупного клиента, который в итоге решил пойти по другому стилистическому направлению, поэтому семья стала доступной для публичного выпуска.
Это далеко не весь список шрифтов, если вам понравилась эта статья, то делитесь ею с друзьями и подписывайтесь на блог.
15 шрифтов для печати, сайтов, логотипов и приложений: часть вторая
Дизайнеры Skillbox продолжают делиться актуальными шрифтами, а мы — рассказывать о них в наших подборках.
Если вам не подошел ни один из первой части, то вот вторая. Пользуйтесь.
Garamond
Создатель: французский шрифтовой дизайнер и издатель Клод Гарамон
Тип использования: открытая лицензия
Garamond — это семейство шрифтов с засечками в старом стиле, которые часто встречаются в книгах и журналах. Клод Гарамон создал его еще в 16 веке. Дизайнеры до сих пор используют его разработку, дополняют ее и создают новые шрифты. Например, так появились Adobe Garamond, ITC Garamond и EB Garamond.
Uni Sans
Тип использования: открытая лицензия
Uni Sans — это семейство шрифтов без засечек. Его придумал Svet Simov, основатель Fontfabric, а помогали ему коллеги — Ani Petrova и Vasil Stanev.
У Uni Sans 14 разных начертаний, четыре из которых распространяются бесплатно. Он подходит для печати, логотипов, шрифта на сайте, цифровой рекламы и приложений.
Open Sans
Создатель: дизайнер Стив Мэттисон
Тип использования: лицензия Apache
Open Sans — семейство шрифтов с прямым штрихом без засечек, которое Стив Мэттисон разработал по заказу Google. Гарнитура содержит полный набор латинский, греческих и кириллических символов. Подходит для печати, хорошо смотрится в вебе и мобильных интерфейсах.
Raleway
Создатель: дизайнер Мэтт Макинерни
Тип использования: открытая лицензия
Raleway — семейство шрифтов без засечек, которое хорошо подходит для заголовков. Мэтт Макинерни разработал только первый вариант начертания, а созданием остальных уже занимались другие дизайнеры. Семейство приобрело популярность в 2015 году, когда известные дизайнеры стали использовать его в вебе.
Fira Sans
Создатель: дизайнер Эрик Шпикерманн
Тип использования: открытая лицензия
Fira Sans — это гротескный шрифт без засечек, который принадлежит к семейству Fira. Его разработал дизайнер Эрик Шпикерманн вместе с коллегами из студии «Carrois» для операционной системы Firefox. У шрифта 16 начертаний разной жирности, поэтому его удобно применять в заголовках, подзаголовках и основном тексте.
DIN Pro
Создатель: голландский дизайнер Альберт-Ян Пол
Тип использования: платный, лицензия принадлежит библиотеке шрифтов «FontFont»
DIN Pro входит в семейство шрифтов без засечек FF DIN, которое Альберт-Ян Пол создал в 1995 году. Он взял за основу немецкие стандарты DIN-Mittelschrift и DIN-Engschrift, которые входят в общий стандарт DIN 1451, и были определены еще в 1931 году.
FF DIN подходит для рекламы и упаковки, редакционной и издательской деятельности, создания логотипов, брендинга и плакатов. Кроме латинского, семейство шрифтов частично поддерживает кириллическое и греческое начертания. FF DIN входит в коллекцию нью-йоркского MoMA.
Avenir Next Cyr
Создатель: Адриан Фрутигер
Тип использования: платная лицензия от компании Linotype.
Avenir Next Cyr — гарнитура из семейства Avenir, создана в 1988 году и основана на геометрических гротесках 1920-го года, например, таких, как Futura. Avenir часто используют в приложениях, печати и при разработке логотипов.
San Francisco
Тип использования: открытая лицензия с ограниченным использованием
San Francisco — бесплатная шрифтовая гарнитура типа новый гротеск. Apple представили ее 18 ноября 2014 года, как новый системный шрифт Apple Watch, а позже стали использовать в MacOS и iOS.
Geometria
Создатели: дизайнеры Вячеслав Кириленко и Гаянэ Багдасарян из Browfox
Тип использования: платная лицензия от Browfox
Geometria — семейство геометрических гротесков без засечек с чистыми контурами и равномерным набором. У 16 шрифтовой гарнитуры 16 начертаний, и она поддерживает 835 символов на 72 языках, куда входят несколько комплектов цифр и знаков валют, альтернативные глифы, лигатуры и знаки пунктуации для двух регистров.
Pragmatica
Создатели: Владимир Ефимов и Ольга Чаева
Тип использования: платная лицензия от Paratype.
Pragmatica — шрифтовая гарнитура, разработанная на основе ранних гротесков. Ее создавали дизайнеры компании Paratype с 1989 по 2004 год: Владимир Ефимов разработал базовые начертания, а Ольга Чаева — восемь дополнительных. Pragmatica хорошо подходит для книжного и журнального набора и рекламы.
Zona Pro
Создатели: греческий дизайнер Kostas Bartsokas и Fontfabric
Тип использования: открытая лицензия
Zona Pro — семейство геометрических шрифтов без засечек. У него 16 начертаний, 2 из которых распространяются бесплатно. При создании гарнитуры Kostas Bartsokas основывался на геометрических стилях 1920-х годов с чистыми и легко читаемыми формами. Zona Pro подходит для статического дизайна, логотипов, заголовков, и основного текста сайта.
Создатель: дизайнер Murat Yüksel
Тип использования: открытая лицензия для личного и коммерческого использования
Auch — семейство шрифтов без засечек, которое распространяется бесплатно.
Это мультиязычная гарнитура с тремя начертаниями, которая поддерживает прописные и строчные буквы, цифры и специальные символы. Auch можно использовать для создания заголовков, текстовых блоков, брендинга и инфографики.
Colus
Создатель: шрифтовой дизайнер Stan Partalev и Fontfabric
Тип использования: открытая лицензия
Colus — бесплатный шрифт от Fontfabric. При его создании дизайнер вдохновлялся надписями, высеченными из камня и дерева. Colus поддерживает латиницу и кириллицу, и подходит для заголовков и логотипов.
Averta
Создатель: греческий дизайнер Kostas Bartsokas и Fontfabric
Тип использования: открытая лицензия для двух начертаний
Averta — семейство шрифтов из 48 начертаний, два из которых можно использовать бесплатно. Гарнитура напоминает ранние европейские гротески и американские готические шрифты. Averta поддерживает более двухсот языков с расширенным набором латинских, кириллических, греческих и вьетнамских символов.
Forum
Создатель: дизайнер Денис Машаров.
Тип использования: открытая лицензия
Forum — семейство шрифтов с засечками и классическими пропорциями. Это многоязычная гарнитура, поддерживает латиницу и кириллицу. Forum можно использовать для основного текста или заголовков.
Заключение
Если вам не хватает навыков, чтобы подобрать шрифт для проекта, советуем прочитать статью о типографике и книгу о шрифте. А чтобы комплексно развиваться в дизайне, приходите на курс Skillbox. Там вы научитесь создавать макеты, шрифты, логотипы и айдентику.
Пишет про управление в Skillbox. Работала координатором проектов в Русском музее, писала для блога агентства CRM-маркетинга Out of Cloud.
20 популярных шрифтов с поддержкой кириллицы для макетов сайтов и приложений
Шрифты — основа любого интерфейса. Не все опытные дизайнеры умеют хорошо работать с типографикой. Красивые иллюстрации, нестандартная анимация и другие фишки не спасут UI, в котором нет гармоничной типографики.
В этом материале сделаем краткий обзор 20 популярных гарнитур с поддержкой кириллицы, которые можно использовать в любых проектах под русскоязычную аудиторию.
Влияние типографики на удобство интерфейса
Главная проблема дизайнеров, которые только начинают свой путь в нише — отсутствие системного подхода к обучению. На западе новички начинают с каллиграфии, леттеринга и основ типографики. Большинство наших специалистов начинали постигать азы веб-дизайна с помощью курсов, вебинаров и прочих интерактивных форматов. Через несколько недель или месяцев они берут первые заказы и начинают добавлять работы в портфолио.
Типографика лежит в основе любого интерфейса. Текст есть в логотипах, меню, контенте и других элементах. Типографика является частью фирменного стиля компании. Она передаёт эмоции бренда и конкретных продуктов. Если слово набрать разными шрифтами, в каждом случае оно будет восприниматься иначе.
Один из главных навыков дизайнера — умение создавать гармоничную типографику. Текст позволяет устанавливать прямую связь между компанией и потребителями. Шрифты могут как улучшить интерфейс, так и негативно повлиять на поведенческие факторы.
Есть даже отдельная профессия шрифтовой дизайнер. Таких специалистов мало, но спрос на их услуги есть. Гарнитуры заказывают преимущественно крупные компании, которые хотят выделиться среди конкурентов.
У дизайнеров, которые работают в рунете есть серьёзная проблема — маленький выбор кириллических шрифтов. Большинство вариантов адаптированы под латиницу. Даже если у шрифта заявлена поддержка кириллицы, нет гарантий, что она будет отображаться идеально. Дизайнер должен досконально проверить формат вывода и только потом создавать целостный образ. Лучше показать наброски клиенту, чтобы потом не пришлось переделывать финальный проект.
Выбрать хороший шрифт под конкретный проект легко. Надо лишь выполнить несколько шагов:
Уделите последнему пункту максимум внимания. Новички в веб-дизайне считают шрифты незначительным компонентом и стараются загрузить их бесплатно с пиратских сайтов. В итоге клиент получает вместе с дизайном интерфейса «головную» боль. Если правообладатель определит, что продукт использован неправомерно — он подаст в суд и может потребовать до 5 млн рублей компенсации.
Прецеденты судебных исков по шрифтам есть не только на западе. Студия Артемия Лебедева очень ответственно подходит к поиску нарушителей. Списки судебных претензий опубликованы на официальном сайте проекта. В числе ответчиков представители бизнеса разного масштаба. В большинстве случаев студия добивается удаления файла, нарушающего права разработчиков или получает компенсацию до 500 тысяч рублей.
Шрифты, которые попали в наш обзор, пользуются спросом у дизайнеров. В списке будут и платные решения. Большинство крутых вариантов недоступны на бесплатной основе для коммерческого использования.
Montserrat
Шрифт без засечек, получил название от района в Буэнос-Айресе, в котором живёт его создатель. В 2017 году разработчики добавили поддержку кириллицы. Адаптацией гарнитуры занималась целая команды дизайнеров. Они улучшили все начертания и сделали отображение более гармоничным.
Успех Monteserrat обеспечивают две ключевые характеристики: универсальность и узнаваемый дизайн. Гладкую гарнитуру можно адаптировать под любой контент.
Стоимость: бесплатно
Futura
Витиеватый шрифт, от которого веет вдохновением. История разработки переносит на 100 лет назад. Немецкий издатель заказал «шрифт будущего» у художника. Первые наброски были далеки от идеала, но общая концепция получилась интересной. В основе лежали простые геометрические элементы.
Сейчас Futura состоит из 8 кириллических вариантов с разными характеристиками: от классического светлого до italic и полужирного. В каждом решении чувствуется элегантность, внутренняя сила и концептуальная лаконичность.
Стоимость: от 39 €
Roboto
Шрифт стабильно занимает высокие позиции в тематических рейтингах. Разработан корпорацией Google в качестве стандартного решения для мобильной операционной системы Android. Доступен в 12 разных стилях: от классического до italic и bold. Есть вариации с разной интенсивностью жирного.
Стоимость: бесплатно
Proxima Nova
Дружелюбный современный шрифт, который пользуется спросом во всем мире. В нём гармонично сочетается идеальное начертание и эстетика геометрии. Поставляется в 3 вариантах разной ширины. Condensed элегантный, а Extra Condensed строгий. Proxima Nova называют гибридом с выверенными пропорциями и мощной эстетикой.
Arial
Шрифт знают даже те, кто далёк от веб-дизайна. Он повсеместно используется в проектах под русскоязычную аудиторию. Arial часто сравнивают с Helvetica. У них совпадают размеры букв, пропорции и плотность. По стилистике шрифты действительно похожи, но назвать их братьями-близнецами нельзя.
Стоимость: от 39 €
Open Sans
Традиционно входит в число самых популярных решений. В библиотеке доступно 13 вариантов с разными характеристиками. Дизайнеры выбирают Open Sans из-за отличной читабельности текста и узнаваемости. Крупные корпорации, вроде Google, часто используют шрифт для оформления сайтов и рекламных носителей.
Стоимость: бесплатно
Helvetica
Мало кто знает, но название шрифта — обозначение Швейцарии на латыни. Гарнитура отличается большой высотой строчных букв и горизонтальными срезами. До 2014 года семейство использовалось в качестве основы для оформления различных носителей корпорации Apple.
Строгость и отсутствие эмоций делают Helvetica идеальным решением для корпоративной культуры и бизнеса. Гарнитура пользуется спросом уже давно и не собирается сдавать высокие позиции.
Стоимость: от 39 €
Georgia
Джорджия была разработана почти 30 лет назад для Microsoft. Гарнитура создавалась специально под web. Перед дизайнерами поставили задачу сделать типографику для идеальной читабельности с монитора. Решение удалось найти с помощью большой высоты строчных букв. Семейство шрифтов похоже на Times, но отличается интенсивностью начертания и размерами.
В 2011 году появились дополнительные версии, включая Georgia Pro с поддержкой дополнительных символов и новыми уровнями насыщенности.
Стоимость: от 49 €
Uni Sans
Стильный шрифт, который отлично выглядит в сочетании с кириллическим текстом. В семействе 16 стилей, 4 из которых доступны бесплатно. Акцидентная гарнитура часто используется для набора заголовков. В текстовых фрагментах прослеживается изящность, строгость и лаконичность. Идеальная читабельность и красивое начертание делают Uni Sans отличным решением для презентации любых продуктов и услуг.
Gotham
Необычный шрифт, транслирует напористость и силу. Некоторые дизайнеры сравнивают его с геометрической гарнитурой Proxima Nova. Создатели вдохновлялись вывесками Нью-Йорка середины XX века. Изначально концепт разрабатывался для журнала GQ. Редакторы медиа хотели создать узнаваемый стиль с нотками мужественности и брутальности.
Gotham часто используется в титрах фильмов, социальных сетях и коммерческих проектах. У него есть что-то общее с Готэмом, в котором обитает известный супергерой Бэтмен.
Muller
Современная гротескная гарнитура с поддержкой кириллицы. В платной библиотеке 20 стилей, которые подойдут для реализации разных проектов. Первые наброски появились в 2011 году. В процессе переосмысления изначальные концепты сильно изменились и от начального подхода почти ничего не осталось. Для персонального использования бесплатно доступны 6 вариантов: от жирного до тонкого и красивого Narrow.
Circe
На русском языке название звучит как Цирцея. В греческой мифологии — это дочь Гелиоса. В витиеватых формах Circe прослеживаются отсылки к древним рукописям. Создатели гарнитуры называют её «геометрическим гротеском с человеческим лицом». За шрифтом кроется история с мощным посылом, и она отлично передаётся в каждый текстовый фрагмент.
Дизайнеры посредством Circe могут наслаждаться созданием вдохновляющих форм. Шрифт идеально подходит для набора мелких абзацев и заголовков крупным кеглем. Остаётся только найти подходящий проект и уговорить заказчика на покупку лицензии.
Стоимость: от 2000 рублей за стиль
Fira Sans
Любимый шрифт правительства Новой Зеландии. Рубленая гарнитура без засечек тесно связана со шрифтом Meta, который используется в качестве стандартного решения корпорации Mozilla Foundation. Гарнитура создавалась с прицелом на максимальную читабельность. Текст должен был оставаться удобным для восприятия на всех устройствах и в разном контексте.
Стоимость: бесплатно
Calibri
Если спросить людей, далёких от веб-дизайна, о популярных шрифтах, в списке обязательно будет Calibri. Он повсеместно используется в информационных и коммерческих проектах. Гарнитура создавалась для программного обеспечения Microsoft.
Calibri отличается углами и скруглёнными штрихами, которые особенно заметны на больших кеглях. Реализована поддержка дополнительных символов и нескольких языков. Одним из вариантов начертания является уникальный курсив.
Стоимость: от 46 €
Геометрический шрифт без засечек поддерживает алфавит 130 языков. Для бесплатного использования доступны 2 варианта, остальные поставляются на платной основе. Mont отличается заострённой буквой «t» и большой шириной букв. Кириллический текст выглядит читабельно и лаконично. Bold версия отлично подходит для заголовков медиа и других информационных проектов.
PT Root UI
Красивая гарнитура с фиксированной шириной знаков в различных стилях. Благодаря этой особенности, дизайнер может использовать любые начертания, и длина строки не будет меняться. Гарнитура поддерживает большое количество языков, цифры, дроби, навигационные элементы, индексы и другие компоненты.
PR Root UI сочетает изящность и строгость. Шрифт можно использовать для проектов любого типа: от информационных до презентации коммерческих продуктов.
Стоимость: бесплатно
Squad
Создатели шрифта называют его «гуманистическим гротеском». Авторы черпали вдохновение в работах известного дизайнера Адриана Фрутигера. Доступно 18 начертаний, гарнитура поддерживает 130 языков. Кириллические тексты, написанные Squad, выглядят просто и доступно. Оформление чем-то напоминает стандартные Calibri и Arial.
Отличительная особенность шрифта — полузакрытые пропорции. Каждая буква передаёт чёткий силуэт, а характерные неровности делают Squad узнаваемым.
Peace Sans
Шрифт с уникальной идеей. Создатели называют его «грубым и добрым шрифтом, созданным для мира». Разработчики выложились на максимум, чтобы создать гарнитуру, которая будет вызывать положительные эмоции.
Peace Sans отлично подходит для крупных заголовков и акцентных абзацев. Некоторые проекты используют его для оформления логотипов и других элементов фирменного стиля.
Стоимость: бесплатно
Gilroy
Ещё один геометрический шрифт с поддержкой OpenType. Каждое начертание поддерживает несколько языков, включая кириллицу, символы и знаки. С помощью гарнитуры дизайнеры могут освежить любой макет. Разработчик предоставил возможность загрузить 2 варианта: тонкий и жирный.
От шрифта веет идеальными пропорциями и математической эстетикой. Поддержка специальных символов делает его универсальным решением для любых задач.
Intro
Большое семейство шрифтов, в библиотеке около 50 стилей. Автор даёт возможность использовать 2 варианта бесплатно. Они подходят для оформления заголовков и логотипов. Текстовые фрагменты, написанные Intro, выглядят разборчиво и красиво. Идеально сбалансированный кёрнинг и дизайн с упором на геометричность помогают шрифту выделяться на фоне конкурентов.
Плохой user interface не спасти идеальными шрифтами, но именно благодаря типографике у пользователей складывается полноценный образ проекта. Гарнитуры помогают выстроить визуальный стиль и улучшают юзабилити.
Многие веб-студии используют преимущественно платные решения. Студия Артемия Лебедева в большинстве случаев стараются работать с авторскими продуктами.
На российском рынке есть два основных поставщика: студия Лебедева и магазин Paratype. В последнем источнике можно купить за рубли большинство гарнитур, которые мы упомянули в статье. Малому бизнесу, студентам и тем, кто любит экономить, будет полезен проект Font Escort, где можно загрузить шрифты с поддержкой кириллицы за 299 рублей.
Веб-студия IDBI заботится о своих клиентах. Мы собрали библиотеку шрифтов под разные задачи и гарантируем, что каждая буква будет написана лицензионной гарнитурой.