лучшие шрифты для листинга

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

Каждую пятницу в соцсетях Skillbox мы рассказываем про шрифты. А наши дизайнеры рисуют для этого красивые картинки. Собрали для вас подборку.

Если вы новичок в типографике, советуем сначала прочитать, что это такое, зачем она нужна и какие бывают шрифты.

Roboto

Создатель: Кристиан Робертсон, дизайнер интерфейсов из Google.

Тип использования: распространяется свободно с лицензией Apache.

Шрифт разработали внутри компании Google в 2011 году для операционной системы Android. Теперь его используют в других сервисах компании, например, YouTube. Roboto применяют и другие компании, — это фирменный шрифт Skillbox.

У шрифта есть 16 разных начертаний, и он поддерживает символы Unicode. Roboto можно увидеть более чем на 21 млн сайтов.

Montserrat

Создатель: Хульета Улановски, дизайнер из Аргентины и одна из основательниц студии ZkySky.

Тип использования: открытая лицензия.

Oswald

Создатель: американский дизайнер Вернон Адамс.

Тип использования: открытая лицензия.

Oswald — это переработанная версия классического шрифта без засечек Alternate Gothic. Автор старался, чтобы шрифтовые элементы лучше соответствовали пиксельной сетке цифровых экранов. Шрифт много раз обновляли. Сначала сам Адамс улучшал его по просьбам пользователей. Добавил разные начертания, поддержку многих латинских языков. В 2016 году, после смерти Вернона Адамса, дизайнеры Калапи Гаджар и Алексей Ваняшин доработали Oswald: добавили языки, которые используют кириллицу.

Создатель: польский дизайнер Лукаш Дзедзич.

Тип использования: открытая лицензия.

Lato — семейство шрифтов без засечек. Автор начал разрабатывать набор корпоративных шрифтов для компании. Но позже компания, для которой он это делал, отказалась от этой идеи. Поэтому в 2010 году Лукаш запустил шрифт при поддержке Google.

Шрифт поддерживает 100 языков, основанных на латинице, 50 — на кириллице и греческий алфавит.

Futura

Создатель: немецкий дизайнер Пауль Реннер.

Тип использования: платная лицензия от компании Linotype.

Futura — гротескный шрифт без засечек, который Пауль Реннер разработал для компании Bauersche Giesserei в 1927 году. Шрифт основан на принципах немецкой школы дизайна Bauhaus, поэтому в нем много геометрических форм, его основная черта — функциональность. После создания шрифт неоднократно дорабатывался, появлялись новые начертания. Например, для летних Олимпийских игр 1980 года была создана его кириллическая версия — Futura Medium.

Frutiger

Создатель: швейцарский дизайнер Адриан Фрутигер.

В 1968 году дизайнер получил заказ на разработку новой навигации для парижского аэропорта Шарль де Голль. Так в 1976 году появился Frutiger, который впоследствии часто менялся. В 2009 году на его основе появился новый шрифт Neue Frutiger.

Шрифт используется на обложках национальных паспортов Швейцарии.

Gotham Pro

Создатели: дизайнеры американской компании Tobias Frere-Jones.

Тип использования: открытая лицензия

Gotham — семейство геометрических гротескных шрифтов без засечек, которые дизайнеры компании Tobias Frere-Jones разрабатывали по заказу журнала «GQ». Нужно было разработать изданию более строгий стиль. Дизайнеры искали вдохновение везде, но решить задачу им помог стиль уличных вывесок Нью-Йорка XX века.

Gotham часто используют для оформления афиш и постеров к фильмам.

Playfair Display

Создатель: голландский дизайнер Claus Eggers Sørensen.

Тип использования: открытая лицензия, но можно использовать только вместе с какой-нибудь программой.

Playfair Display — это шрифт с засечками, который хорошо подходит для оформления заголовков. Такой дизайн получился, потому что создатель вдохновился Европой конца XVIII века: работами британского типографа Джона Баскервиля и шрифтом Scotch Roman.

Bebas Neue

Создатель: японский дизайнер Рёичи Цунекава.

Тип использования: бесплатно, открытая лицензия даже для коммерческих целей.

Bebas Neue — это семейство шрифтов с открытым исходным кодом, изначально разработанное автором как один шрифт. В 2005 году дизайнер создал проект Dharma Type, чтобы представлять в нем свои шрифты разных направлений и стилей, которые он разрабатывает «для всех дизайнеров мира».

Bebas Neue подходит для оформления плакатов, заголовков и рекламных баннеров.

Helvetica

Создатель: швейцарский типограф Макс Мидингер.

Тип использования: шрифт платный, лицензию продает компания Linotype.

Helvetica — неогротескный шрифт без засечек, разработанный Максом Мидингером по заказу Эдуарда Хоффмана, директора швейцарской компании Haas’sche Schriftgiesserei в 1957 году. Цель — создать что-то лучшее, чем гарнитура Akzidenz Grotesk, которую активно продавали немецкие конкуренты.

Мидингер взял за основу уже существующий шрифт Haas Grotesk. После редизайна у него получился Die Neue Haas Grotesk, который позже стали называть Helvetica.

Helvetica — популярный шрифт для оформления логотипов.

Источник

Лучшие шрифты для программирования

Статья написана в 2009 году, и с тех пор многое изменилось, в том числе появились некоторые альтернативные шрифты для программирования, например, Anonymous Pro.

Как разработчик и настоящий гик в области типографики, если речь идёт о шрифте, на который придётся глазеть целый день, то я буду выбирать очень тщательно. Когда я недавно заметил, что мой друг использует довольно невзрачный шрифт для консоли и в редакторе кода (он слишком ужасен, чтобы здесь упоминать), то у меня отвисла челюсть, а сердце на секунду перестало биться, и я понял, что мне пришло время написать эту статью.

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

Примечание о сглаживании шрифтов (anti-aliasing)

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

Если у вас остались какие-то сомнения, что сглаженные шрифты подходят для кодинга, обратите внимание, что даже многоуважаемый BBEdit, который много лет поставлялся в несглаженном наборе Monaco 9 в качестве дефолтного, спрыгнул с поезда. Приложение теперь идёт в комплекте со специально лицензированной версией Consolas от Ascender, увеличенного размера, со сглаживанием по умолчанию. Panic тоже содержит специальный сглаженный шрифт (Panic Sans, который на самом деле просто версия Deja Vu Sans Mono) в своём популярном приложении Coda.

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

10. Courier

Все ОС идут в комплекте с какой-нибудь модификацией Courier (часто именуется Courier New). К сожалению, многие выбрали этот шрифт для консоли и редактора. Он делает своё дело, но при этом уныл и скучен, страдает от нехватки стиля и лоска. Я не рекомендую этот шрифт, если у вас есть хоть какая-то альтернатива — и, к счастью, она у вас есть. Если вы его всё-таки используйте, то хотя бы увеличьте размер и включите сглаживание.

_{Courier New}

9. Andale Mono

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

_{9. Andale Mono}

8. Monaco

Monaco — моноширинный шрифт по умолчанию на Mac со времён System 6. Он вполне цельный, хорошая рабочая лошадка, которая действительно отлично выглядит при маленьком кегле с выключенным сглаживанием. Раньше мне нравился этот шрифт, когда мои глаза могли смотреть несколько часов на кегль размером 9 пунктов, но те времена прошли. Этот шрифт хорошо выглядит на 9 или 10 пунктах, но не очень радует на бóльших размерах со сглаживанием.

Насколько я знаю, получить Monaco можно только вместе с Mac OS, но есть другие варианты, так что читайте дальше.

_Monaco

_{Monaco 9 пунктов, без сглаживания}

7. Profont

Profont сделан по образцу Monaco и доступен для Mac, Windows и Linux (есть также модифицированная версия для Mac OS X под названием ProFontX, от другого автора). Они лучше всего смотрятся на маленьком кегле и представляют собой отличную альтернативу Monaco, если вы работаете не на «макинтоше». Profont и ProFontX предназначены для использования при размере 9 пунктов с выключенным сглаживанием.

_{Profont 9 пунктов, без сглаживания}

Читайте также: Рыба сарган как готовить

6. Monofur

Monofur — уникальный моноширинный шрифт, который великолепно выглядит на любых размерах со сглаживанием. Это довольно забавный шрифт с индивидуальными очертаниями, смутно напоминающими графический интерфейс Sun OPEN LOOK, который работал на системах Solaris (SunOS) в конце 80-х. Если вы ищете нечто особенное, попробуйте этот шрифт, но не забудьте включить сглаживание даже на маленьком кегле.

_Monofur

5. Proggy

Proggy — чистый моноширинный шрифт. Кажется, его особенно предпочитают пользователи Windows, хотя он нормально работает и на Mac. Это чёткий шрифт, который нужно использовать только на малых размерах без сглаживания.

_{Proggy Clean 15 пунктов (да, 15 пунктов), без сглаживания}

4. Droid Sans Mono

Семейство Droid (доступно для скачивания здесь) специально создано для использования на маленьких экранах смартфонов, таких как Android, и опубликовано под лицензией Apache.

Droid Sans Mono отлично подходит для программирования. Он выполнен с особым вкусом и выделяется среди остальных моноширинных шрифтов в этом списке, но у него есть единственный крупный недостаток — неперечёркнутый ноль. Версия с поправленным нулём здесь — прим. пер.

_{Droid Sans Mono}

3. Deja Vu Sans Mono

Семейство Deja Vu — одна из моих любимых бесплатных гарнитур, основанная на великолепном Vera Font. Шрифты Deja Vu дополнены широким набором символов, сохранив при этом знакомый вид Vera.

Эту гарнитуру я использовал много лет. Она отлично выглядит на любом размере с включенным сглаживанием.

Panic поставляет в комплекте со своим приложением Coda шрифт под названием Panic Sans, который основан на этом шрифте. Грубер сказал мне в письме, что при сравнении Panic Sans и Vera у первого «заметно более резкие знаки пунктуации», ну и похоже на то, что они ещё улучшили хинтинг некоторых символов.

_{Deja Vu Sans Mono}

2. Consolas

Consolas неожиданно появился на моём маке, когда я установил Microsoft Office, а вместе с ним ещё целый комплект новых шрифтов от Microsoft.

Этот шрифт создал Лукас де Грут (Lucas de Groot) специально для Microsoft ClearType (здесь отличное описание с примерами всех новых шрифтов Microsoft). Consolas — коммерческий фонт, но он поставляется со многими продуктами Microsoft, и есть большая вероятность, что он уже установлен на вашей системе.

Вам настоятельно рекомендуется включить сглаживание для Consolas, потому что иначе он выглядит ужасно.

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

_Consolas

1. Inconsolata

Inconsolata — мой любимый моноширинный шрифт, и он бесплатный. Когда я его обнаружил, то сразу заменил Deja Vu Sans Mono в качестве рабочего шрифта для программирования. Я использую его вообще повсюду, от окон консоли до редакторов кода. У него практически безупречный и в то же время оригинальный стиль, и он фантастически выглядит и на больших, и на маленьких размерах. Я использую эту гарнитуру, демонстрируя код на презентациях, и также в окнах консоли и TextMate для скринкастов PeepCode. Шрифт не поддерживает кириллицу — прим. пер.

Inconsolata разработан для использования со сглаживанием, но он удивительно чёткий на самых маленьких размерах. Большое спасибо Рафу Левину (Raph Levien) за создание этого шрифта и за то, что он бесплатный.

_Inconsolata

Источник

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 и классическими без засечек. В результате получается гибрид, сочетающий гуманистические пропорции с несколько геометрическим внешним видом.

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

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

Источник

Топ 30: Самые рейтинговые шрифты в 2020 году

Мы постарались собрать для вас самые лучшие шрифты в этом году. Благодаря нашей рейтинговой системе вы поймете какие шрифты выбирают люди для своих проектов. В данный момент самые популярные шрифты Sans Serif. Но несколько шрифтов есть и отсюда: Slab Serif. Это не означает, что другие типы шрифтов совсем не популярны. Благодаря рейтингу мы можем видеть, что в этом году тренды/рейтинги смотрят в сторону данных шрифтов. Н ничего не вечно и то, что было когда-то очень рейтинговым может в будущем стать трендом в дизайне. Может случится, что в следующем году мы увидим в топах шрифтов шрифты с засечками (Serif), или курсив.

Thin, Thin Italic, Light, Light Italic, Regular. (42)