Веб-дизайн в значительной степени зависит от используемых шрифтов, и дизайнеры, и разработчики могут извлечь выгоду из их определения на изображениях или веб-страницах, для улучшения визуальных характеристик своего веб-сайта. Откройте для себя методы и инструменты, которые могут помочь в таких ситуациях и используйте в ваших проектах.
Загружаемые изображения должны быть того же качества, что и спецификации, указанные в сервисах, предоставляющих возможность выбора шрифта на картинке.
Критерии, к картинкам, которые загружаются на сайт для определения шрифтов идентичны:
- Буквы четкие и имеют различимый контур.
- Символы не соединены друг ос другом (с сохранением расстояния между ними).
- Формат графического файла — jpеg, допускается png.
- Изображение не ухудшается в процессе приближения размера. Минимальное необходимое разрешение обычно составляет 600 dpi.
В случае выполнения всех условий сервис предоставит аналогичный шрифт и даже предложит бесплатные варианты использования. В качестве примера можно привести онлайн-сервисы, которые могут идентифицировать шрифт в Интернете.
Font Ninja
Метод отлично подойдет любому программному обеспечению. После того как установите и авторизуетесь, откройте сайт и кликните на значок Fоnts Ninja, находящийся в меню инструментов. Выберите нужный текст и, щелкнув мышкой на соответствующий элемент, дважды кликните по нему и задайте команду «Просмотреть код», либо «Исследовать элемент».
Название форта, его размер и цветовая характеристика должны быть указаны в отдельной строке при открытии окна с кодом от сайта.
Важно отметить: Этот метод требует некоторого знания СSS и HТML, но может пригодиться для пользователей, предпочитающих более традиционные способы. Сервис Fonts Ninja для браузера удобен пользователям, не разбирающихся в HTML.
FontSpring
Платформа FontSprint — тоже подходящий вариант получения шрифтов. Бесплатные версии представлены в категории «Шрифты с лицензиями Worry-Free». В программе доступно самое точное распознавание латинского алфавита. Русские буквы сложны для восприятия, поэтому поиск осуществляется неточно.
Загрузка фотографий предполагает 2 варианта. Выберите файл, расположенный на жестком диске устройства, или введите адрес изображения в Интернете и выберите тип файла.
Для работы в сервисе зайдите на сайт магазина и выберите «Загрузить изображение». Загрузите в сервис файл, сохраненный на диске ПК.
Если есть ссылка на изображение в Интернете, нажмите «URL-адрес изображения». Вставьте ссылку в поле и нажмите кнопку «Получить URL». Теперь позвольте системе распознать буквы. Нажав на «Matcherate It!» кнопку справа вы сможете проверить получившееся.
En.likefont.com
На сайте есть алгоритмы, позволяющие идентифицировать и скачивать шрифт на ПК. Представлен широкий выбор языков распознавания. Для работы запустите сайт https://en.likefont.com. Нажмите на кнопку «Upload image» ниже, загрузите изображение с текстом.
Щёлкните внизу на «Обрезать» для установки границ определения шрифта. Теперь прокрутите страницу немного ниже, чтобы помочь ресурсу найти буквы, соответствующие содержанию надписи. Далее нажмите на «Identify»
и проверьте, найдены ли результаты поиска.
WhatTheFont
Во время работы с сайтом https://www.myfonts.com/WhatTheFont/, можно обойтись без регистрации, а работать непосредственно с мобильного устройства. Сервис содержит около 250 000 фонтов в библиотеке, однако не распознаёт кириллицу. Загрузка букв, напоминающих латиницу, приведет к окончательному результату. К ним относятся: «А», «У», «Е», «М», «Р», «С». После анализа на главной странице сервиса, вы получите детальную информацию о найденных фонтах, от названия шрифта, его создателя и пользовательского рейтинга до подобных ему. Недостатком платформы является обязательная покупка фонта, даже если в наличии имеется бесплатный аналог.
WhatFontIs
База данных содержит более полумиллиона бесплатных и коммерческих шрифтов. Вы можете найти его, загрузив изображение или указав ссылку. Специально разработанные алгоритмы искусственного интеллекта просматривают все возможные варианты и предлагают около 50 решений.
Начните с выбора изображения, которое содержит менее 10 букв, чтобы приступить к печати. Компьютерной фотографии и URL-ссылки будет достаточно. Если написание от руки и буквы между собой соединены, то сайт предоставляет возможность разделения. После чего служба займётся редактированием картинки, устранению шумов и повышению контрастности без ручного вмешательства. А можно исправить текст вручную в редакторе.
Identifont
Это не служба распознавания шрифтов по умолчанию, а скорее инструмент, который может помочь найти подходящий шрифт. Программа предлагает выбрать шрифт с помощью наводящих запросов — показывает выбранные символы и запрашивает их визуальные атрибуты. Вы можете выбрать образец изображения, чтобы подобрать подходящие варианты. Постепенно количество шрифтов, соответствующих тому, которое нужно найти, уменьшается.
Все совпадения видны, при нажатии «Show all matches» в левой колонке.
Identifont может помочь найти шрифт, похожий на известный, путем поиска по названию. Если имеется готовый референс, а вы хотите оригинальный дизайн, это может быть полезным. Служба умеет искать название гарнитуры, при условии, что известна малая часть. Еще потенциальный вариант — использование шрифтов из символов по основным словам.
Fontspring Matcherator
Это онлайн-платформа, предоставляющая услуги сопоставления, но в отличие от конкурентов, устройство оснащено определенными тегами, которые позволяют сократить окончательные результаты поиска. Вы можете приобрести материалы, представленные на сайте. Для работы необходимо зайти на официальный сайт по адресу https://www.fontspring.com/matcherator/, а затем выбрать «Upload image»,
чтобы загрузить изображение. Выделите фонт на изображении, который хотите найти. Кадр должен быть центрирован для поиска, поэтому нажмите «Matcherate It!».
Список с результатом отобразится после нажатия на зеленую кнопку.
FontDetect
Сервис предоставляет платные опции, исключая свободные версии фонтов. Платформа FontDetect на ПК может помочь идентифицировать любой тип шрифта, следуя последующим рекомендациям. Перетащите в окно файл, содержащий текст и укажите, какие символы должна отобразить программа после загрузки картинки. В зависимости от контекста можно выбрать из множества символов или только определенные.
Все символы выделите в соответствии с инструкциями с помощью маркера. После данного действия программа займётся поиском подходящего фонта. Изучив шрифты, предоставляемые системой и, при желании, обратившись к Интернету за дополнительной информацией, вы можете получить список тех, которые расположены в порядке существенного сходства. Степень соответствия полученных фонтов исходному обозначена в списке процентами. Подробное описание сервиса — https://fontmassive.com/fd.php
MyFonts
В данном случае можно загружать исключительно файлы png или jpg. Сервис доступен через сайт магазина или мобильное приложение, состоящее из двух частей. Приложение работает на устройствах Android и iОS. Преимущество мобильной версии заключается в возможности сделать фото с помощью камеры на вашем устройстве.
Чтобы найти шрифты на сайте, нужно зажать файл левой кнопкой мыши и перетащить его в раздел «Перетащите изображение сюда, чтобы определить шрифты». Или можете нажать на ссылку, чтобы загрузить изображение. Чтобы просмотреть изображение, выберите его и нажмите «Открыть». После загрузки фотографии на сервис вы сможете просмотреть файл с определенным шрифтом и подождать, пока он откроется. Система выделит некоторые слова для простоты определения. Выберите одно из них и нажмите на стрелку, чтобы выделить его. Оцените результат. Если система не определит слово правильно, введите исходную фразу в разделе «Введите свой текст» и нажмите «Изменить текст».
Для увеличения символов в параграфах используйте тумблер справа. Выберите нужный шрифт из доступных вариантов и приобретите его, нажав кнопку «Получить».
Мобильное приложение WhatTheFont не уступает по функциональности. После установки приложения согласитесь с условиями использования. Убедитесь, что приложение имеет доступ к камере и памяти устройства. Чтобы сделать фото в режиме реального времени, сфокусируйте камеру на тексте, сделайте снимок. Или нажмите на значок галереи в левом верхнем углу и загрузите фотографию. Затем нужно обрамить текст прямо в рамке и дождаться сканирования. Результат будет отличаться от исходного для наглядной демонстрации шрифта. Нажав на карандаш, можете вводить слова и выбрать итоговый результат.
Bowfin, Linotype, Rentafont, Printworks и Fonts.com могут предоставить сопоставимый метод поиска шрифтов, если вы их используете. Предоставляемые услуги исполняют функцию поиска вопросов, характеристик или визуальных характеристик шрифта, а не предлагают методы идентификации шрифта на основе изображения.
Если поиск нужного вам шрифта с помощью специализированных сервисов не дал результатов, то социальные сети предлагают дизайнерские сообщества, с представителями которых можно посоветоваться. Дизайнеры в этой области либо помнят названия шрифтов наизусть, либо могут идентифицировать их по отличительным особенностям. Например:
https://vk.com/ru_fonts
https://vk.com/script
https://vk.com/yourfonts
https://vk.com/shrift
