7 беспроигрышных шрифтов для графики в соцсетях

Выбор удачных шрифтов для изображений в соцсетях и блогах — это задача со звездочкой даже для тех, кто разбирается в типографике. Шрифты определяют настроение не только надписи, но и всего изображения и поддерживают его стиль. Попробуйте поставить витиеватые антиквы на этикетку бутылки с молоком или надпись тяжелым брусковым шрифтом в интерфейс приложения — и сразу почувствуете, что что-то не так. Если нет времени и специальных знаний, чтобы подобрать нужный вариант из огромного шрифтового разнообразия, остановитесь на чем-то простом. Самое быстрое решение — Roboto, Montserrat и Open Sans, три наиболее популярных шрифта в кириллической части Google Fonts. Выбор надежный, но слишком базовый и очевидный. Мы предлагаем пойти дальше. В этой подборке мы поделимся списком 7 универсальных, но небанальных шрифтов практически для любой графики в соцсетях, от рекламных объявлений до анимированных постов. В фокусе нашего внимания сегодня Oswald, Ubuntu, Philosopher, Rubik, Arsenal, Lora и Noto Sans.

Oswald

Oswald — это насыщенный красивый шрифт без засечек, созданный на основе Alternate Gothic дизайнером Верноном Адамсом специально под цифровые экраны. Надписи, набранные Oswald, выглядят строгими и плотными, поэтому лучше не использовать его для набора длинных текстов. Зато он отлично подходит для заголовков, особенно заглавными буквами. Вот как Oswald выглядит в дизайне этой иллюстрации:

Ubuntu

Фирменный шрифт интерфейса операционной системы Ubuntu (отсюда и название), который позже стал использоваться не только там, — это продукт лондонской дизайн-студии Dalton Maag. В Ubuntu нет засечек, но благодаря смягченным линиям он легко воспринимается и выглядит не так строго, как тот же Oswald. Его удобно использовать и для коротких надписей, и для длинных текстов. В дизайне с цитатой Ubuntu выглядит так:

Philosopher

Philosopher в 2008 году создал дизайнер Джованни Лемонад на основе шрифтов строгого Agfa Rotis и романтичного ITC Binary. Через три года после создания у него появилась и кириллическая версия. Это один из лучших примеров универсальных шрифтов-антикв — Philosopher можно смело использовать в логотипах, и в заголовках, и в текстах. Он немного лирический, сказочный и даже чуть мистический — его сложно представить в статьях на финансовую или политическую тему, зато в лонгриде о путешествии в Азию он будет выглядеть идеально. Вот как Philosopher выглядит в жирном начертании:

Arsenal

Этот гротесковый шрифт был создан украинским дизайнером Андреем Шевченко и взял первый приз в конкурсе современного украинского шрифта на выставке «Мистецький арсенал» в 2011 году. Arsenal одновременно выразительный, грациозный и простой. Он нейтральный — хорошо подходит и для деловых текстов, и для лайфстайл-тем. А еще достаточно контрастный, чтобы не раствориться на светлом фоне, и легкий — с ним даже объемные тексты сохраняют читабельность. Вот иллюстрация с заголовком, набранным шрифтом Arsenal:

Rubik

Гротесковый шрифт Rubik создали дизайнеры Филипп Губерт и Себастьян Фишер специально для Chrome Cube Lab, проекта Google. По замыслу дизайнеров, каждая буква должна идеально вписываться в одно окошко кубика Рубика, если это когда-нибудь понадобиться. Rubik отличается одновременно и стройной строгостью за счет контрастности, и деликатностью благодаря скругленным плавным формам. Лучше всего он проявляет себя в заголовках. Вот как Rubik выглядит в жирном начертании в дизайне этой многослойной графики:

Lora

Lora — один из самых популярных шрифтов (по статистике Google Fonts, его использует 1,7 миллиона сайтов), который все равно смотрится свежо и интересно. Его латинскую версию создала Ольга Карпушина из Cyreal Fonts в 2011 году, а через два года появился и кириллический вариант. Lora относится к антиквам и во многом перекликается с рукописными написаниями — у него мягкие и романтичные засечки. При том что этот шрифт довольно контрастный, он совсем не выглядит тяжелым — тонкие линии позволяют Lora будто немного парить над страницей. Мы предлагаем вспомнить про этот шрифт, если захочется добавить в дизайн нежности. Lora также подходит не только для цифровых медиа, но и для печати — например, плакатов или визиток. Несмотря на всю свою лиричность, он вполне современный и универсальный — одинаково хорошо он смотрится в лонгридах, и в совсем коротких текстах и надписях. Вот как этот красивый шрифт выглядит на иллюстрации:

Noto Sans

Иногда тексты в вебе при переключении на другие языки могут отображаться некорректно — если нужного символа нет, вместо него появляется белый прямоугольник. Он похож на кусочки соевого сыра тофу, и их так и называют — «tofu». Google взял на себя миссию сделать так, чтобы никаких тофу в текстах больше не было, и придумал шрифт Noto («no more tofu»). Сейчас вряд ли можно найти символ, которого не было бы в Noto — там есть даже алхимические знаки и обозначения шахматных фигур. Одна из самых популярных веток этого семейства — Noto Sans, вариант без засечек. Этот дружелюбный и простой для чтения шрифт удобно использовать для текстов любых форматов. Вот как он выглядит в простой графике:

В библиотеке VistaCreate — десятки шрифтов, с засечками и без, рукописных и акцидентных. Чтобы загрузить свой шрифт с компьютера в VistaCreate, перейдите в папку «Мои файлы», нажмите вкладку «Шрифты» и кнопку «Загрузить шрифт». Все загрузки автоматически отображаются в самом верху списка со шрифтами, который открывается при работе с текстовыми блоками.

Подытожим

Если при выборе шрифтов вы не хотите рисковать, остановитесь на обычных гротесках вроде Arial, Helvetica или Roboto — они гарантированного хорошо будут читаться и в небольших, и в длинных текстах. Но если вам хочется немного рок-н-ролла, прокрутите страницу с популярными шрифтами Google Fonts или любого другого банка шрифтов, и выберите варианты из второго десятка. Они тоже зарекомендовали себя и часто используются, но наскучить пока не успели. Чтобы чуть лучше разобраться в шрифтовых сочетаниях, читайте наш краткий ликбез по главным понятиям в типографике и руководство по составлению идеальных шрифтовых пар. А еще вдохновляйтесь шрифтовыми парами в наших весенних дизайнах для соцсетей.

Инструменты для распознавания шрифтов: выбираем лучший

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

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

Я думаю, нет необходимости подробно объяснять, когда и почему вам может понадобиться сервис распознавания шрифтов. Просто представьте, что вы увидели где-нибудь отличный шрифт и вам захотелось иметь такой же или аналогичный в своей коллекции или использовать его в текущем проекте. Конечно, вы можете связаться с автором, но всегда ли это возможно? Определенно нет, особенно если вы увидели шрифт в каком-нибудь журнале, на сайте или даже в метро! 

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

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

Виды сервисов по распознаванию шрифтов

Можно выделить 2 типа сервисов в зависимости от того, каким образом они анализируют шрифт:

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

• Веб-расширения. Они распознают выделенный текст на странице, обращаясь к коду сайта. Такие инструменты способны оценить размер, стиль и цвет шрифта. Однако они бесполезны, если вы хотите идентифицировать шрифт по изображению.

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

Инструменты, распознающие шрифт по изображению

1. WhatTheFont

Как использовать:

1. Загрузите изображение, содержащее шрифт, который вы хотите идентифицировать (вы можете обрезать все лишнее, если шрифт занимает лишь часть картинки). Приложение обнаружит его автоматически. 
2. Сервис покажет вам список похожих шрифтов, из которых вы можете выбрать нужный.

Плюсы: 

• Выдает рекомендации за считанные секунды.
• Почти не имеет проблем с рукописными шрифтами или неоднородными фонами.
• Есть приложение для iOS и Android, так что вы можете найти шрифт, где бы вы ни находились.

Минусы: 

• Библиотека WhatTheFont ограничивается всего одним источником.

WhatTheFont — это популярный сервис для распознавания шрифтов по изображениям, быстрый, интуитивно понятный и обеспечивающий потрясающую точность. Для поиска он использует алгоритмы глубокого обучения и коллекцию из более чем 133 000 опций с сайта My Fonts. Да, вы не ослышались, сервис был разработан этим шрифтовым маркетплейсом. 

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

PRO-подписка стоит 199$ в год и дает возможность безлимитного поиска.

2. Font Matcherator от Fontspring

Как использовать:

1. Загрузите изображение со шрифтом, который вы хотите найти, и выделите с помощью рамки нужный фрагмент текста. Приложение обнаружит и идентифицирует отдельные глифы.
2. После этого Font Matcherator выдаст вам список шрифтов со ссылками, кликнув по которым вы сможете приобрести нужные.

Плюсы: 

• Прост в использовании, но только в том случае, если у вас есть подходящее изображение.
• Работает с Open Type, и, пожалуй, нет другого приложения, которое могло бы делать это так же хорошо.

Минусы: 

• Отклоняет изображения и при этом не предоставляет никакой информации о размере или формате файла до загрузки.
• Если вы загружаете изображение по URL, не факт, что оно будет работать.

Font Matcherator — второй по популярности сервис для распознавания шрифтов, который работает примерно так же, как WhatTheFont, и при этом совершенно бесплатен. Он аналогичным образом сверяет шрифты с опциями в собственной библиотеке (которая тоже обширна и разнообразна). Более того, Fontspring утверждает, что может быстро идентифицировать шрифт и практически любые детали типографики, включая глифы и Open Type. 

Может показаться, что я уже сделала свой выбор, но мне действительно очень понравилась супер минималистичная форма Font Matcherator, которая позволяет предварительно отредактировать изображение. Например, вы можете повернуть картинку или выбрать определенные глифы, аналоги которым нужно найти.

Единственное, когда я начала загружать изображения, сервис отклонил их из-за большого размера файлов. Думаю, что стоит предварительно изменить размер / обрезать / оптимизировать картинку. Или загрузить изображение по URL.

3. What Font Is

Как использовать:

1. Загрузите изображение со шрифтом, который вы хотите идентифицировать, и выделите нужный фрагмент при помощи рамки.
2. Настройте изображение с помощью предоставленных инструментов, чтобы шрифт был лучше виден.
3. Определите 3-5 букв, следуя инструкциям, чтобы получить лучший результат.
4. Когда все будет готово, приложение попытается определить, что это за шрифт.

Плюсы: 

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

Минусы: 

• Инструменты не работают должным образом.
• Бесконечные всплывающие окна и множество баннеров.
• Расширенная функциональность PRO-подписки не оправдывает себя.

Я никогда раньше не слышала об этом сервисе, поэтому мне было очень любопытно проверить, как он работает. Меня сразу же покорил посыл What Font Is: создатели уверены, что пользователь должен иметь возможность идентифицировать шрифты независимо от того, кем они были созданы. Каталог приложения включает более 850 тысяч шрифтов (коммерческих и бесплатных). Звучит здорово! Кроме того, What Font Is использует для поиска искусственный интеллект, что повышает шансы найти именно тот шрифт, который изображен на картинке. 

Вы можете использовать What Font Is бесплатно, но если вам нужна премиум-поддержка (если вы являетесь PRO-пользователем, вы можете отправить образец шрифта авторам сайта, и они помогут вам его найти), подписку можно приобрести за 39$ в год.

Веб-расширения для распознавания шрифтов

1. Fonts Ninja

Как использовать:

1. Установите расширение и откройте сайт со шрифтом, который нужно идентифицировать.
2. Нажмите на иконку Font Ninja, сервис проанализирует сайт и выдаст вам список использованных на нем шрифтов.
3. Вы также можете проверить каждый предложенный шрифт в деле прямо во вкладке Font Ninja, прежде чем купить его. Приложение позволяет тестировать шрифты в любой программе, что особенно удобно.

Плюсы: 

• Есть приложение для Mac и Windows, а также расширение для большинства популярных браузеров (Chrome, Safari и Firefox).
• Простота использования, но при этом расширение обладает всем необходимым функционалом для идентификации шрифтов, а также выбранных букв или символов.

Минусы: 

• Библиотека могла бы быть более обширной.

Мы закончили с сервисами определения шрифтов по картинкам, поэтому давайте посмотрим, что же нам могут предложить веб-инструменты. Font Ninja — один из самых ярких примеров. Это приложение и расширение для браузера, доступное для Chrome, Safari и Firefox, которое позволяет распознавать, тестировать, добавлять в закладки, а также покупать коммерческие шрифты.  

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

В библиотеке Font Ninja 3 000 шрифтов, и если нужный шрифт отсутствует, сервис предложит похожие альтернативы. Вы можете бесплатно использовать приложение в течение 15 дней, а также установить до 20 шрифтов. По истечении пробного периода его стоимость составляет 29$ в год. Расширение же полностью бесплатно.

2. WhatFont

Как использовать:

1. Установите расширение, откройте веб-сайт и прокрутите страницу до текста, набранного шрифтом, который нужно распознать.
2. Просто наведите курсор на текст, и WhatFont выдаст название шрифта.
3. Сервис также предоставляет дополнительную информацию о шрифте: семейство, стиль, начертание, размер, высота строки и цвет. В общем, все, что можно получить из исходного кода сайта.

Плюсы: 

• Очень прост в использовании, без проблем определяет любой шрифт на странице.
• Предоставляет подробную информацию о шрифте и справляется с задачей независимо от версии вашего браузера.
• Работает быстро.

Минусы: 

• Вы можете найти ту же информацию в исходном коде страницы.

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

У этого сервиса более миллиона пользователей (вы можете в это поверить?). Он завоевал сердца многих дизайнеров по всему миру — и мое тоже! Это пример софта, который делает именно то, что вы от него хотите. Он также поможет вам найти коммерческие шрифты.

3. Type Sample от Typewolf

Как использовать:

• Откройте веб-сайт и найдите шрифт, который вы хотите идентифицировать.
• Нажмите на кнопку приложения и наведите курсор мыши на текст.

Плюсы:

• Бесплатный, но предоставляет тот же функционал, что и инструменты премиум-класса.
• Удобный, интуитивно понятный интерфейс.‍

Минусы: 

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

Этот идентификатор шрифта еще более минималистичен, чем WhatFont, однако он творит настоящую магию при распознавании шрифтов, символов и букв на странице. Вам необходимо установить его и добавить на панель закладок. Чтобы определить название шрифта на веб-сайте, просто нажмите на кнопку “Type Sample” и наведите курсор мыши на текст. Если вы щелкните по нему, то сможете протестировать шрифт в открывшейся вкладке. Звучит удобно, правда? И это действительно так. По сравнению с Font Ninja, Type Sample еще более компактный. Но самое приятное, что он бесплатный и поможет вам найти точное соответствие!

Альтернативные инструменты

1. Identifont

Как использовать:

1. Ответьте на вопросы теста, чтобы сузить круг поиска.
2. На основе ваших ответов Identifont предложит несколько вариантов, похожих на шрифт, который вы искали.

Плюсы: 

• Бесплатная доза ностальгии.

Минусы: 

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

Предупреждаю: это не сервис поиска шрифтов по изображению и не расширение для распознавания шрифтов! Identifont — это возврат к тем временам, когда подобные инструменты не подразумевали сканирование изображений / кода и не могли использовать преимущества искусственного интеллекта. 

Вместо современных технологий, бесплатное приложение предлагает вам своего рода анкету: оно спрашивает, на что похожи символы и глифы шрифта, который вы хотите идентифицировать, и шаг за шагом сужает количество вариантов из базы данных, содержащей около 11 000 шрифтов. Если вам повезет, после прохождения тестирования будет найдено несколько совпадений (а может и нет!). Отыскать конкретный шрифт подобным образом крайне сложно.

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

2. Fontanello

Как использовать:

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

Плюсы: 

• Инструмент прост в использовании, даже для новичков.
• Отображает информацию о размере, начертании и цвете шрифта, а также некоторые менее распространенные CSS-свойства.
• Позволяет искать не только шрифты, но и цвет фона веб-сайта.

Минусы: 

• Работает только с браузерами Google Chrome и Firefox.

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

3. Quora

Как использовать:

1. Зарегистрируйтесь в Quora, используя свою электронную почту, Gmail или Facebook. Приложение предложит выбрать интересующие вас темы и указать области, знаниями в которых вы обладаете.
2. Задайте нужный вопрос. Добавьте изображение со шрифтом, который хотите найти, и ждите ответов от пользователей. Или вы можете попытаться найти его в предыдущих сообщениях, но это сработает только в том случае, если вы правильно сформулируете свой запрос.

Плюсы: 

• Многие члены сообщества настоящие профессионалы, поэтому довольно быстро отвечают на вопросы.
• Высокая вероятность найти нужный шрифт.

Минусы: 

• С функцией поиска довольно сложно работать.
• Если вы хотите найти ответ на свой вопрос в предыдущих сообщениях, вам нужно постараться, чтобы сформулировать свой запрос правильно.
• Найти что-то “похожее” таким образом или по изображению невозможно.

Quora — это веб-сайт, который работает по типу “вопрос-ответ” и позволяет людям задавать вопросы об экономике, бизнесе, маркетинге или просто обычной жизни. И конечно, раздел, посвященный дизайну, огромен. Существенным преимуществом Quora является то, что сервис использует алгоритм для ранжирования ценности ответов пользователей на основе ранее полученных ими оценок. Это увеличивает шансы получить правильный ответ на заданный вопрос. Сайт также использует алгоритм машинного обучения для классификации тем вопросов на основе истории действий пользователя.

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

Сравнение сервисов распознавания шрифтов

1. Простота использования

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

2. Качество поиска

Очевидно, это самый важный критерий для сервиса распознавания шрифтов, поскольку наша цель — получить правильный ответ на вопрос “что это за шрифт?”. Некоторые сайты выдали именно тот шрифт, который я искала, и, следовательно, получили оценку 10, другие нашли похожие варианты, но были и те сервисы, которые показали мне результаты, даже близко не похожие на мой запрос. Также, я учитывала время, потраченное на поиск, и простоту процесса.

3. Библиотека шрифтов

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

4. Цены и функциональность

В нашей подборке есть варианты на любой бюджет: бесплатные сервисы, сайты премиум-класса и возможность покупки подписки PRO после бесплатного пробного периода. Я оценила разнообразие опций и общую функциональность каждого тарифного плана.

Лучший идентификатор шрифта — выбор нашего редактора

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

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

Что касается веб-инструментов, победителями стали WhatFont для Google Chrome и Type Sample. Несмотря на то, что первый сервис может работать только в одном браузере, он по-прежнему остается лучшим, ведь он бесплатный и простой в использовании. Хотя эти инструменты являются более чем минималистичными, они предоставляют подробную информацию о шрифтах быстро и совершенно бесплатно.

20+ лучших шрифтов для видео и изображений: часть I

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

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

Псс.. Кстати, ВСЕ шрифты, упомянутые ниже, доступны вам по умолчанию в Rocketium. А еще мы загружаем шрифты по запросам! Наши конкуренты *действительно* завидуют этому.

10 из 25 лучших шрифтов для ваших видео и изображений:

1. Bebas

Шрифт Bebas

Bebas — это бесплатный дисплейный шрифт для заголовков, надписей и титров, разработанный Рёичи Цунэкава. Это бесплатный шрифт. Это означает, что вы можете использовать шрифт в своих коммерческих или некоммерческих работах бесплатно.

Загрузите шрифт здесь.

2. Arca Majora

Источник: hanken.co

Arca Majora — это простой шрифт, разработанный Альфредо Марко Прадилом, профессиональным дизайнером из Дубая, ОАЭ. С острыми кончиками и жирным стеблем вы можете использовать этот шрифт для эффективной коммуникации с помощью видеороликов вашего бренда, особенно для всех ваших промо-роликов, объяснительных видеороликов и видеорекламы.

Получите шрифт здесь.

Rocketium — это творческий пакет автоматизации с более чем 170 вариантами шрифтов, которые вы можете использовать в своих видео и изображениях!

3.

Gilroy Bold

Семейство шрифтов Gilroy

Gilroy Bold является частью семейства шрифтов Gilroy Радомира Тинькова, графического и веб-дизайнера из Софии, Болгария.

Получите шрифт здесь.

4. Helvetica

Источник: MyFonts.com

Helvetica был разработан Максом Мидингером в 1957 году. Он назвал оригинальный шрифт Neue Haas Grotesk. Перенесемся на несколько лет вперед, и в 1983 году D. Stempel AG и Linotype перепроектировали Neue Helvetica.

Получите шрифт здесь.

5. Sonder Sans

Sonder sans

Разработанный Эндрю Херндоном, графическим дизайнером из США, Sonder – это исследование винтажных надписей. Он идеально подходит для логотипов, рекламы и заголовков.

Получите шрифт здесь.

6. Roboto

Разработанный Кристианом Робертсоном, Roboto задает жесткий ритм, который делает чтение более естественным. Хотя формы в основном геометрические, этот шрифт имеет дружественные и открытые изгибы.

Получите шрифт здесь.

7. Лато

Лато по-польски означает «лето». Это семейство шрифтов было разработано летом 2010 года дизайнером из Варшавы Лукашем Дзедзичем.

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

8. Quicksand

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

Получите шрифт здесь.

9. Cutive Mono

Источник: 1001fonts.com

Разработанный Верноном Адамсом шрифт Cutive основан на ряде классических шрифтов для пишущих машинок, в которых старые начертания вновь появляются в виде веб-шрифтов, полезных для добавления символов в основной текст. а также в больших размерах для заголовков и отображения.

Получите шрифт здесь.

10. Proxima Nova

Источник: www. marksimonson.com

Разработанный Марком Симонсоном, Proxima Nova устраняет разрыв между такими шрифтами, как Futura и Akzidenz Grotesk.

Получите шрифт здесь.

Вторая часть этого списка появится очень скоро.

Как выбрать правильный шрифт для моего дизайна?

Существует так много вариантов шрифтов, что чаще всего мы оказываемся в замешательстве относительно того, какой шрифт выбрать для своего дизайна и, в конечном итоге, для вашего бренда. Шрифт является неотъемлемой частью любого дизайна и придает дизайну индивидуальность. В конце концов, лучшие шрифты — это те, которые нравятся клиентам больше всего. Те, которые вызывают большую заинтересованность в ваших проектах. В этом поможет A/B-тестирование.

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

Узнайте, как автоматизация креатива может помочь вам

Закажите бесплатную консультацию, чтобы узнать, как автоматизация креатива может помочь вам создать несколько креативов из мастер-креатива с разными шрифтами

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

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

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

Приступаем к работе!

Подпишитесь на наш канал Youtube

• 1
  Как работают средства поиска шрифтов

• 2
  3 инструмента, которые можно использовать для поиска шрифта на изображении
  • 2.1
    1. Сопоставитель

  • 2.2
    2. ЧтоШрифт

  • 2.3
    3. Что такое шрифт

• 3
  Интернет-сообщества по поиску шрифтов

• 4
  Заключение

Как работают средства поиска шрифтов

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

Этот подход работает на практике, но вероятность успеха процесса сопоставления шрифтов ограничена несколькими факторами, в том числе:

• Размер базы данных шрифтов инструмента
• Является ли ваше изображение легко «читабельным»
• Если текст горизонтальный или нет

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

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

Среди онлайн-инструментов, которые могут найти шрифт по изображению, особенно популярны три: Matcherator, WhatTheFont и What Font Is. Чтобы проверить, насколько хорошо они работают, мы собираемся протестировать каждый из них, используя два скриншота, сделанные из наших любимых макетов Divi.

1.

Матчэратор

Поскольку мы уже рассмотрели, как работают средства поиска шрифтов в общих чертах, мы сразу перейдем к специфике. Когда вы посетите домашнюю страницу Matcherator, вот что вы увидите:

Вы можете нажать кнопку Загрузить изображение или перетащить файл с рабочего стола, чтобы начать. Затем Matcherator попросит вас обрезать его, чтобы он сосредоточился на тексте, который вы хотите идентифицировать. Вот первое изображение, которое мы используем для тестирования:

.

После загрузки в Matcherator мы обрезали его, чтобы сосредоточиться на заголовке с надписью «Высокая мода». Он использует шрифт Georgia:

.

После того, как вы закончите обрезку изображения, Matcherator вернет список возможных шрифтов:

Как видите, результаты для нашего примера не совсем соответствовали Грузии. Тем не менее, Matcherator точно определил, что это шрифт с засечками, и второй шрифт в списке не так уж далек.

Мы взяли Matcherator на второй тест-драйв с изображением, которое гласит «OKAPE» и использует знаменитый шрифт Helvetica:

И снова Matcherator выдал смешанные результаты. Некоторые (хотя и не все) из них были довольно близки, но ни один из них не соответствовал Helvetica. Если вы хотите найти определенный шрифт на изображении, но вас устраивает гарнитура с похожим внешним видом, этот инструмент может работать достаточно хорошо.

2. WhatTheFont

WhatTheFont работает почти так же, как Matcherator. Во-первых, он просит вас загрузить изображение:

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

Вам следует обрезать изображение вручную только в том случае, если оно содержит несколько шрифтов или WhatTheFont иначе не может точно определить текст, который вы пытаетесь использовать. Что касается точности, этот инструмент также не мог напрямую идентифицировать Грузию. Однако результаты даже ближе, чем у Matcherator:

Мы также протестировали WhatTheFont с нашим изображением «OKAPE». Имейте в виду, что весь этот текст написан прописными буквами, что должно значительно упростить процесс для программного обеспечения:

.

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

3. Что такое шрифт

Как и другие инструменты, которые мы рассмотрели, как только вы зайдете в «Что такое шрифт», он попросит вас загрузить изображение, которое он может проанализировать:

Затем вы обрежете часть изображения, содержащую шрифт, который вы хотите найти:

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

На этом экране вам нужно:

• Разделяйте символы линиями
• Убедитесь, что текст темнее фона (нажмите Инвертировать , если это не так)
• Отрегулируйте контрастность и яркость, чтобы сделать текст максимально заметным
• Повернуть изображение так, чтобы текст стал горизонтальным

Далее, What Font Is попросит вас определить определенные символы в вашем тексте:

Наконец, вы увидите свои результаты:

К сожалению, вся эта дополнительная работа на самом деле не приблизила нас к точному совпадению, чем WhatTheFont. Тем не менее, результаты выглядят очень похожими на текст нашего изображения, а What Font Is имеет некоторые бонусные функции поиска, которые могут вам пригодиться.

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

Мы также попробовали наш образ «OKAPE» с помощью What Font Is и получили аналогичный результат. Еще раз, Helvetica не было среди предложенных шрифтов, но было несколько очень близких претендентов:

В целом, What Font Is может быть полезным инструментом, если вы хотите найти бесплатный шрифт или шрифт Google, который очень похож на тот, что на вашем изображении. Однако WhatTheFont одинаково точен и требует меньше усилий с вашей стороны.

Интернет-сообщества по поиску шрифтов

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

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

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

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