Статья удалена

Этот материал был удалён по просьбе автора.

0
150 комментариев
Написать комментарий...
aleksey sergeev

Шрифты неплохие, но здесь, как правило, шрифты одного типа, геометрические гротески, наследники Proxima Nova (тренду лет 7-8). Делать такую подборку — это все равно что в подборке «лучшие блюда современности» показывать одни борщи с разными вариациями.

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
9 комментариев
dima krugloff

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

Ответить
Развернуть ветку
Pixel Lens

Ё, чел, ну Робото еще можно простить, но Сегой?

Ответить
Развернуть ветку
Данила Линник

Ещё очень классный шрифт Inter. Помимо наличия огромного количества языков и символов, он полностью бесплатный. А подборка очень крутая, спасибо автору!

Ответить
Развернуть ветку
Artem Zasypalov

Плюсую. Тоже хотел его видеть в этой подборке)
А ещё мне Merriweather нравится - его формы цепляют внимание

Ответить
Развернуть ветку
Danila Poyarkov

Ближайший родственник San Francisco, системного шрифта в iOS и macOS

Ответить
Развернуть ветку
Groosha

Отличный сайт у этого шрифта)

Ответить
Развернуть ветку
Roman

И всё-таки лучший санс-шрифт как для веба, так и для приложений (и даже мб и печати) - Manrope.

Он бесплатный до уровня OFL (те бесплатно для коммерции, можно делать производные и тд), поддерживает хорошо всё:
Кириллицу, всякие европейские заморочки, немецкие буквы, арабские буквы, иврит и тд, умеет в красивые цифры, умеет в красивые лигатуры, умеет в символы (те -> превращается в стрелку и тд), умеет делать выравнивание символов аля @ в зависимости от регистра.

Короче, как открыл шрифт для себя, так не могу перестать пользоваться

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Andy Ch

Ой, спасибо! И правда оч симпотный.

Ответить
Развернуть ветку
Прочел это-потратил время зря

Огромное спасибо за подборку!
Мои любимые шрифты:
Proxima Nova
Circe
Gotham Pro
Museo Sans

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
6 комментариев
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Mark Quincy

Montserrat
Blender Pro
Proxima Nova

Ответить
Развернуть ветку
Евгений Стариков

*Включил режим зануды*

…но тот, кто давно работает с интерфейсами, внимателен к деталям и в целом изучал хоть немного шрифты…
У вас в примерах то дефис, то тире, предлоги висят, высота строки странно подобрана, крайне скучная вёрстка. Внимания к деталям не нашёл :–)

*Выключил режим зануды*

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
4 комментария
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Андрей Гуртовой

Лучшие шрифты это те что есть по умолчанию в вашем браузере.

Один из подрядчиков на одной из моих работ делал сайт в котором он подключал 10мегабайт шрифтов. А потом когда я туда устроился, не было сразу понятно кто и зачем это сделал, и с какой лицензией эти веб шрифты. Позже оказалось что дизайне просто украл эти шрифты и вставил как ttf прямо в сайт, а затем уволился. Хорошо ещё правообладатель не успел подать иск..

Так что мой совет всегда любить web safe шрифты, (это встроенные в операционные системы шрифты), а уж потом смотреть на кастом.

Ответить
Развернуть ветку
Oleg Sayberbulin

Для проблемы веса кастомных шрифтов существует понятие сабсеттинга. Так, тот же TT Norms Pro в моем продукте весит 50 Кбайт вместо огромного архива в несколько мегабайт. Могло быть значительно меньше, если бы не была нужна поддержка кучи языков. Если какие-то доходяги не умеют сабсеттировать шрифтовые файлы, это не значит, что кастом априори плох.

Ответить
Развернуть ветку
1 комментарий
Антон Шигаев

вот да, вот да.

Ответить
Развернуть ветку
Ol Ka

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

Ответить
Развернуть ветку
Андрей Крамарь

На второй тысяче лет до Ольки начнет понемногу доходить, что латиница лучше выглядит, и тут явно есть какая-то связь.

Ответить
Развернуть ветку
Андрей Сипатов

Я один, кто толком не увидел разницу ? 🤔

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Nickolai Vasiliev

нет :)

Ответить
Развернуть ветку
1 комментарий
One

Я бы еще добавил сюда гельветику, хоть и для многих это уже забытая классика. А при грамотном использовании она выглядит невероятно футуристично и современно

Ответить
Развернуть ветку
Pavel Voronkov

Если нужно, то для web, сейчас использую чаще всего связку Montserrat + Roboto + PT Sans.
Бывает использую Rubik + Proxima + Ubuntu. Не знаю почему, но в некоторых местах мне Ubuntu очень заходит.
P.S. 20 лет назад,  когда в 99% случаях использовали Times New Roman и Arial, я юзал Tacoma.

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Эдуард Осипов

Жаль что лучшая половина платная, а так мне понравились :)

Ответить
Развернуть ветку
Всвиторе

Этим мне кажется всё сказано)

Ответить
Развернуть ветку
Pixel Lens

там же фонт-стек, ну. на яблоках рендерится гельви и сан франциско

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

Ответить
Развернуть ветку
Golohod

Очередная подборка того, что уже сказано миллион раз. Почти не читаю статьи по дизайну, потому что почти все они — мусор. Иногда натыкаешься на бриллиант, например лонгрид от Дани Ковчего: «Образы и модели». Там очень много и можно было бы сократить, конечно, но это на 5 голов выше 90% статей о дизайне.

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
6 комментариев
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
5 комментариев
Dmitry Yashin

Действительно, очень красивые.
Спасибо!

Ответить
Развернуть ветку
Pixel Lens

Спасибо.

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

И еще Rubik очень хорош - когда нужно что-то построже Рейлвея, но не такое бездушное, как Робото.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Ivan Ezhov

«Я понимаю, многим эти шрифты покажутся одинаковыми»

включая автора, ведь в 9 и 10 пунктах один и тот же макет...

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Ревизор

Хочу ещё 10 лучших кириллических шрифтов

Ответить
Развернуть ветку
AM

Helvetica Neue 
Graphik LCG
Unica77, но полная лицензия только стоит охулиард евро 
Proto Grotesk 
Studio Sans
Basis
TT Norms 
PT Root
Druk 
Neue Haas Unica

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
9 комментариев
Денис Верхоломчук

Что так сильно моей статьей про шрифты вдохновился? 🧐

Ответить
Развернуть ветку
Андрей Крамарь

Должен же кто-то тебе показать, как это делают взрослые люди.

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Michael

Мне Exo 2 и Din Pro последнее время заходят.

Ответить
Развернуть ветку
aleksey sergeev

DIN — классика, Exo2 Королькова приводила как пример плохой кириллизации.

Ответить
Развернуть ветку
2 комментария
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Nikolay Vavilov

Если вы на уровне, что готовы 700 $ за шрифт платить - можно и свой заказать. 

Ответить
Развернуть ветку
Петр

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

Ответить
Развернуть ветку
2 комментария
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
One

Автор гурман. Действительно лучшие собрал 👍🏼 благодарю за статью. Сохранил в закладки

Ответить
Развернуть ветку
New Design Generation

Спасибо за подборку

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Андрей Крамарь

Вот да.

Ответить
Развернуть ветку
Aleksandra Smarovidlo

Спасибо за подборку! Как раз сейчас актуально, буду использовать) За PDF +30 в карму ;)

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Наталья Булаткина

Такая активная дискуссия у вас...
Шрифты красивые, статья отвечает своей теме, идеально структурирована, показаны примеры для всех вариантов использования и все собрано для сравнения. Огромный труд, благодарю вас!
Как минимум одному человеку вы очень помогли)))
Хотелось бы, чтобы дизайнеры переняли "лучшие практики" по составлению мудорда/референсов.

Ответить
Развернуть ветку
Валик Торсионный

За Gotham Pro  особое спасибо.

Даешь больше шрифтов с GitHub!

Ответить
Развернуть ветку
К Х

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

моя короткая история: делал я как-то пачку сайтов с разным дизайном (да, сайты генеренные и однотипные - но для этого примера как раз подходят) и перед выпуском их в свет (добавлением в гугл вебмастер) мое внимание привлекли 2 из них - скорость загрузки их страниц была на границе красной и желтой. напомню, все сайты шаблонные - т.е. везде одинаковые скрипты и прочие части. разный - только дизайн и расположение блоков. ковыряя их несколько часов проблема оказалась очень проста - шрифт не из стандартных. 
ЕЩЕ РАЗ: выбирая шрифт не из числа стандартных вы сильно тормозите загрузку страниц сайта!

а так да - много красивых разных шрифтов на любой вкус...

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Евгений Кривошеев

Не про интерфейсы, но раз пошла такая тема...
А что из годного есть для кириллических "типа рукописных" курсивов?
Друг интересуется.

Ответить
Развернуть ветку
Наталья Лебедь

Lifehack и Sign Painter

Ответить
Развернуть ветку
Never Again

Для Averta и Mont одна картинка

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
8 комментариев
Artem Petrenkov

Кернинговая пара "Va" у Value Sans Pro заставляет страдать :(

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
3 комментария
Eugene Agafonov

Спасибо за подборку! Очень полезно, однозначно лайк)

Ответить
Развернуть ветку
Молодой горошек

Пусть будет написано: фитнес 3000 квадратных метров, кроссфит зоной в 500 квадратов и с бассейном 50 метров 8 дорожек за 14 тысяч рублей (семейная карта) в год! круглосуточно!

Да хоть Ариалом пишите...

Ответить
Развернуть ветку
Андрей Крамарь

Огонь. Спасибо)

Ответить
Развернуть ветку
Петр

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

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Антон Шигаев

нуууу... А как же засечечки?

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
3 комментария
Наталья Лебедь

Понравился Mabry из подборки. Спасибо.
А мой любимый шрифт — гугловский Product Sans. 

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Дмитрий Горюшин

Да ну. Чем сложнее шрифт, тем скорость по итогу меньше.
Дело вкуса короче

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Валерия Яковенко

🤘🏼👌🏼

Ответить
Развернуть ветку
Роман

Ни одной антиквы :)

Ответить
Развернуть ветку
Ops Icho

Кстати красивые эффекты шрифтам можно добавлять в онлайн конструкторе logotextom

Ответить
Развернуть ветку
Эл Ипатов

Уважаемый автор и не менее  уважаемые собеседники,  я  в этом деле  дилетант, посему с удовольствием все прочитал. В своей  работе я пока пользуюсь вот этим набором  https://эл-ипатов.рф/upload/shrifti/_shrifti.htm 
Возможно, кому-то это понадобится...

Ответить
Развернуть ветку
Эл Ипатов
Ответить
Развернуть ветку
Пьер Д.

Kazimir и Proxima Nova тоже хорошие

Ответить
Развернуть ветку
147 комментариев
Раскрывать всегда