Шрифты неплохие, но здесь, как правило, шрифты одного типа, геометрические гротески, наследники Proxima Nova (тренду лет 7-8). Делать такую подборку — это все равно что в подборке «лучшие блюда современности» показывать одни борщи с разными вариациями.
И опять ни слова о Roboto и Segoe - действительно лучшие шрифты для веб-интерфейса, доступные и читабельные в любом размере, а не та дорогая эстетская экзотика, что накидана в статье.
Ещё очень классный шрифт Inter. Помимо наличия огромного количества языков и символов, он полностью бесплатный. А подборка очень крутая, спасибо автору!
И всё-таки лучший санс-шрифт как для веба, так и для приложений (и даже мб и печати) - Manrope.
Он бесплатный до уровня OFL (те бесплатно для коммерции, можно делать производные и тд), поддерживает хорошо всё:
Кириллицу, всякие европейские заморочки, немецкие буквы, арабские буквы, иврит и тд, умеет в красивые цифры, умеет в красивые лигатуры, умеет в символы (те -> превращается в стрелку и тд), умеет делать выравнивание символов аля @ в зависимости от регистра.
Короче, как открыл шрифт для себя, так не могу перестать пользоваться
…но тот, кто давно работает с интерфейсами, внимателен к деталям и в целом изучал хоть немного шрифты…
У вас в примерах то дефис, то тире, предлоги висят, высота строки странно подобрана, крайне скучная вёрстка. Внимания к деталям не нашёл :–)
Лучшие шрифты это те что есть по умолчанию в вашем браузере.
Один из подрядчиков на одной из моих работ делал сайт в котором он подключал 10мегабайт шрифтов. А потом когда я туда устроился, не было сразу понятно кто и зачем это сделал, и с какой лицензией эти веб шрифты. Позже оказалось что дизайне просто украл эти шрифты и вставил как ttf прямо в сайт, а затем уволился. Хорошо ещё правообладатель не успел подать иск..
Так что мой совет всегда любить web safe шрифты, (это встроенные в операционные системы шрифты), а уж потом смотреть на кастом.
Для проблемы веса кастомных шрифтов существует понятие сабсеттинга. Так, тот же TT Norms Pro в моем продукте весит 50 Кбайт вместо огромного архива в несколько мегабайт. Могло быть значительно меньше, если бы не была нужна поддержка кучи языков. Если какие-то доходяги не умеют сабсеттировать шрифтовые файлы, это не значит, что кастом априори плох.
Я бы еще добавил сюда гельветику, хоть и для многих это уже забытая классика. А при грамотном использовании она выглядит невероятно футуристично и современно
Если нужно, то для web, сейчас использую чаще всего связку Montserrat + Roboto + PT Sans.
Бывает использую Rubik + Proxima + Ubuntu. Не знаю почему, но в некоторых местах мне Ubuntu очень заходит.
P.S. 20 лет назад, когда в 99% случаях использовали Times New Roman и Arial, я юзал Tacoma.
Очередная подборка того, что уже сказано миллион раз. Почти не читаю статьи по дизайну, потому что почти все они — мусор. Иногда натыкаешься на бриллиант, например лонгрид от Дани Ковчего: «Образы и модели». Там очень много и можно было бы сократить, конечно, но это на 5 голов выше 90% статей о дизайне.
Из бесплатных - самая пиздатая кириллица в Raleway. Вот только с плотностью у него есть проблемы, но они решаемы благодаря достаточному количеству начертаний.
И еще Rubik очень хорош - когда нужно что-то построже Рейлвея, но не такое бездушное, как Робото.
Helvetica Neue
Graphik LCG
Unica77, но полная лицензия только стоит охулиард евро
Proto Grotesk
Studio Sans
Basis
TT Norms
PT Root
Druk
Neue Haas Unica
где тебе за 700 долларов, 52 тысячи блять рублей сделают кастомный шрифт расскажи? С таким бюджетом лучше заплатить за лицензию и получить профессиональный шрифт чем за какой то фрилансерский высер кривой их отдать.
Такая активная дискуссия у вас...
Шрифты красивые, статья отвечает своей теме, идеально структурирована, показаны примеры для всех вариантов использования и все собрано для сравнения. Огромный труд, благодарю вас!
Как минимум одному человеку вы очень помогли)))
Хотелось бы, чтобы дизайнеры переняли "лучшие практики" по составлению мудорда/референсов.
ох уж эти дизайнеры...
ваши шрифты можно смело смыть в туалет сразу после того как ваш сеошник (или вы) озаботится скоростью загрузки страниц.
моя короткая история: делал я как-то пачку сайтов с разным дизайном (да, сайты генеренные и однотипные - но для этого примера как раз подходят) и перед выпуском их в свет (добавлением в гугл вебмастер) мое внимание привлекли 2 из них - скорость загрузки их страниц была на границе красной и желтой. напомню, все сайты шаблонные - т.е. везде одинаковые скрипты и прочие части. разный - только дизайн и расположение блоков. ковыряя их несколько часов проблема оказалась очень проста - шрифт не из стандартных.
ЕЩЕ РАЗ: выбирая шрифт не из числа стандартных вы сильно тормозите загрузку страниц сайта!
а так да - много красивых разных шрифтов на любой вкус...
Пусть будет написано: фитнес 3000 квадратных метров, кроссфит зоной в 500 квадратов и с бассейном 50 метров 8 дорожек за 14 тысяч рублей (семейная карта) в год! круглосуточно!
Уважаемый автор и не менее уважаемые собеседники, я в этом деле дилетант, посему с удовольствием все прочитал. В своей работе я пока пользуюсь вот этим набором https://эл-ипатов.рф/upload/shrifti/_shrifti.htm
Возможно, кому-то это понадобится...
Шрифты неплохие, но здесь, как правило, шрифты одного типа, геометрические гротески, наследники Proxima Nova (тренду лет 7-8). Делать такую подборку — это все равно что в подборке «лучшие блюда современности» показывать одни борщи с разными вариациями.
Комментарий недоступен
И опять ни слова о Roboto и Segoe - действительно лучшие шрифты для веб-интерфейса, доступные и читабельные в любом размере, а не та дорогая эстетская экзотика, что накидана в статье.
Ё, чел, ну Робото еще можно простить, но Сегой?
Ещё очень классный шрифт Inter. Помимо наличия огромного количества языков и символов, он полностью бесплатный. А подборка очень крутая, спасибо автору!
Плюсую. Тоже хотел его видеть в этой подборке)
А ещё мне Merriweather нравится - его формы цепляют внимание
Ближайший родственник San Francisco, системного шрифта в iOS и macOS
Отличный сайт у этого шрифта)
И всё-таки лучший санс-шрифт как для веба, так и для приложений (и даже мб и печати) - Manrope.
Он бесплатный до уровня OFL (те бесплатно для коммерции, можно делать производные и тд), поддерживает хорошо всё:
Кириллицу, всякие европейские заморочки, немецкие буквы, арабские буквы, иврит и тд, умеет в красивые цифры, умеет в красивые лигатуры, умеет в символы (те -> превращается в стрелку и тд), умеет делать выравнивание символов аля @ в зависимости от регистра.
Короче, как открыл шрифт для себя, так не могу перестать пользоваться
Комментарий недоступен
Ой, спасибо! И правда оч симпотный.
Огромное спасибо за подборку!
Мои любимые шрифты:
Proxima Nova
Circe
Gotham Pro
Museo Sans
Комментарий недоступен
Комментарий недоступен
Montserrat
Blender Pro
Proxima Nova
*Включил режим зануды*
…но тот, кто давно работает с интерфейсами, внимателен к деталям и в целом изучал хоть немного шрифты…
У вас в примерах то дефис, то тире, предлоги висят, высота строки странно подобрана, крайне скучная вёрстка. Внимания к деталям не нашёл :–)
*Выключил режим зануды*
Комментарий недоступен
Комментарий недоступен
Лучшие шрифты это те что есть по умолчанию в вашем браузере.
Один из подрядчиков на одной из моих работ делал сайт в котором он подключал 10мегабайт шрифтов. А потом когда я туда устроился, не было сразу понятно кто и зачем это сделал, и с какой лицензией эти веб шрифты. Позже оказалось что дизайне просто украл эти шрифты и вставил как ttf прямо в сайт, а затем уволился. Хорошо ещё правообладатель не успел подать иск..
Так что мой совет всегда любить web safe шрифты, (это встроенные в операционные системы шрифты), а уж потом смотреть на кастом.
Для проблемы веса кастомных шрифтов существует понятие сабсеттинга. Так, тот же TT Norms Pro в моем продукте весит 50 Кбайт вместо огромного архива в несколько мегабайт. Могло быть значительно меньше, если бы не была нужна поддержка кучи языков. Если какие-то доходяги не умеют сабсеттировать шрифтовые файлы, это не значит, что кастом априори плох.
вот да, вот да.
Даже через тысячу лет британские учёные не смогут догадаться, почему названия кириллических шрифтов на латинице...
На второй тысяче лет до Ольки начнет понемногу доходить, что латиница лучше выглядит, и тут явно есть какая-то связь.
Я один, кто толком не увидел разницу ? 🤔
Комментарий недоступен
нет :)
Я бы еще добавил сюда гельветику, хоть и для многих это уже забытая классика. А при грамотном использовании она выглядит невероятно футуристично и современно
Если нужно, то для web, сейчас использую чаще всего связку Montserrat + Roboto + PT Sans.
Бывает использую Rubik + Proxima + Ubuntu. Не знаю почему, но в некоторых местах мне Ubuntu очень заходит.
P.S. 20 лет назад, когда в 99% случаях использовали Times New Roman и Arial, я юзал Tacoma.
Комментарий недоступен
Комментарий недоступен
Жаль что лучшая половина платная, а так мне понравились :)
Этим мне кажется всё сказано)
там же фонт-стек, ну. на яблоках рендерится гельви и сан франциско
дёргаются системные шрифты, чтобы нейтрализовать эмоциональную окраску шрифта
Очередная подборка того, что уже сказано миллион раз. Почти не читаю статьи по дизайну, потому что почти все они — мусор. Иногда натыкаешься на бриллиант, например лонгрид от Дани Ковчего: «Образы и модели». Там очень много и можно было бы сократить, конечно, но это на 5 голов выше 90% статей о дизайне.
Комментарий недоступен
Комментарий недоступен
Действительно, очень красивые.
Спасибо!
Спасибо.
Из бесплатных - самая пиздатая кириллица в Raleway. Вот только с плотностью у него есть проблемы, но они решаемы благодаря достаточному количеству начертаний.
И еще Rubik очень хорош - когда нужно что-то построже Рейлвея, но не такое бездушное, как Робото.
Комментарий недоступен
«Я понимаю, многим эти шрифты покажутся одинаковыми»
включая автора, ведь в 9 и 10 пунктах один и тот же макет...
Комментарий недоступен
Хочу ещё 10 лучших кириллических шрифтов
Helvetica Neue
Graphik LCG
Unica77, но полная лицензия только стоит охулиард евро
Proto Grotesk
Studio Sans
Basis
TT Norms
PT Root
Druk
Neue Haas Unica
Комментарий недоступен
Что так сильно моей статьей про шрифты вдохновился? 🧐
Должен же кто-то тебе показать, как это делают взрослые люди.
Комментарий недоступен
Мне Exo 2 и Din Pro последнее время заходят.
DIN — классика, Exo2 Королькова приводила как пример плохой кириллизации.
Комментарий недоступен
Если вы на уровне, что готовы 700 $ за шрифт платить - можно и свой заказать.
где тебе за 700 долларов, 52 тысячи блять рублей сделают кастомный шрифт расскажи? С таким бюджетом лучше заплатить за лицензию и получить профессиональный шрифт чем за какой то фрилансерский высер кривой их отдать.
Комментарий недоступен
Автор гурман. Действительно лучшие собрал 👍🏼 благодарю за статью. Сохранил в закладки
Спасибо за подборку
Комментарий недоступен
Вот да.
Спасибо за подборку! Как раз сейчас актуально, буду использовать) За PDF +30 в карму ;)
Комментарий недоступен
Такая активная дискуссия у вас...
Шрифты красивые, статья отвечает своей теме, идеально структурирована, показаны примеры для всех вариантов использования и все собрано для сравнения. Огромный труд, благодарю вас!
Как минимум одному человеку вы очень помогли)))
Хотелось бы, чтобы дизайнеры переняли "лучшие практики" по составлению мудорда/референсов.
За Gotham Pro особое спасибо.
Даешь больше шрифтов с GitHub!
ох уж эти дизайнеры...
ваши шрифты можно смело смыть в туалет сразу после того как ваш сеошник (или вы) озаботится скоростью загрузки страниц.
моя короткая история: делал я как-то пачку сайтов с разным дизайном (да, сайты генеренные и однотипные - но для этого примера как раз подходят) и перед выпуском их в свет (добавлением в гугл вебмастер) мое внимание привлекли 2 из них - скорость загрузки их страниц была на границе красной и желтой. напомню, все сайты шаблонные - т.е. везде одинаковые скрипты и прочие части. разный - только дизайн и расположение блоков. ковыряя их несколько часов проблема оказалась очень проста - шрифт не из стандартных.
ЕЩЕ РАЗ: выбирая шрифт не из числа стандартных вы сильно тормозите загрузку страниц сайта!
а так да - много красивых разных шрифтов на любой вкус...
Комментарий недоступен
Комментарий недоступен
Не про интерфейсы, но раз пошла такая тема...
А что из годного есть для кириллических "типа рукописных" курсивов?
Друг интересуется.
Lifehack и Sign Painter
Для Averta и Mont одна картинка
Комментарий недоступен
Кернинговая пара "Va" у Value Sans Pro заставляет страдать :(
Комментарий недоступен
Спасибо за подборку! Очень полезно, однозначно лайк)
Пусть будет написано: фитнес 3000 квадратных метров, кроссфит зоной в 500 квадратов и с бассейном 50 метров 8 дорожек за 14 тысяч рублей (семейная карта) в год! круглосуточно!
Да хоть Ариалом пишите...
Огонь. Спасибо)
Демонстрация шрифтов отличная, все кроме сраного затертого всеми лендос мейкерами готама — достойные шрифты. Спасибо что хоть без мюллера.
Комментарий недоступен
нуууу... А как же засечечки?
Комментарий недоступен
Понравился Mabry из подборки. Спасибо.
А мой любимый шрифт — гугловский Product Sans.
Комментарий недоступен
Да ну. Чем сложнее шрифт, тем скорость по итогу меньше.
Дело вкуса короче
Комментарий удален модератором
🤘🏼👌🏼
Ни одной антиквы :)
Кстати красивые эффекты шрифтам можно добавлять в онлайн конструкторе logotextom
Уважаемый автор и не менее уважаемые собеседники, я в этом деле дилетант, посему с удовольствием все прочитал. В своей работе я пока пользуюсь вот этим набором https://эл-ипатов.рф/upload/shrifti/_shrifti.htm
Возможно, кому-то это понадобится...
https://эл-ипатов.рф/upload/shrifti/_shrifti.htm
Kazimir и Proxima Nova тоже хорошие