Как определить русский шрифт по картинке онлайн

Нужно ли заказчику дизайна покупать лицензию на шрифт?

На этот вопрос нет однозначного ответа, нужно читать лицензионные соглашения каждого конкретного распространителя шрифтов.

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

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

Мобильное приложение WhatTheFont

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

Мобильное приложение WhatTheFont в Google Play

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

В Play Market есть другое приложение, которое даёт нам возможность узнать больше о мире шрифтов. Загрузить его можно по этой ссылке. Работает оно аналогично предыдущему: необходимо открыть определитель и навести камеру смартфона на шрифт, чтобы приложение узнало его.

Приложение Find My Font

В базе данных приложения Find My Font более 150 000 шрифтов. Сложно будет найти какое-нибудь начертание текста, которого нет в его базе. Алгоритмы приложения работают таким образом, что данные берутся не только с его архива программы. Но также в интернете, в достоверных источниках.

Поиск шрифта в мобильном приложении

Ресурсы для визуальной идентификации

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

Среди таких ресурсов отметим следующие:

Ссылка:	Описание:
catalog.monotype.com	Англоязычный ресурс, работающий и с кириллическими шрифтами. Ваше слово набирайте в поле «TYPE YOUR TEXT».
fontov.net	Популярный отечественный ресурс с большой базой шрифтов. Визуальная идентификация работает схожим образом с другими аналогами. Вводите нужную фразу в соответствующее поле на сайте, и нажимаете справа на «Ок». Сервис позволяет скачать понравившийся шрифт на ваш ПК.
fonts-online.ru	Ещё один отечественный сервис с множеством бесплатных шрифтов. Поле для ввода вашей фразы находится справа.
fonts.by	Несмотря на обилие кириллических шрифтов, форма для ввода своего слова для поиска здесь отсутствует. Придётся искать среди шрифтов самостоятельно, с обилием затраченного времени.

Ищите ваш шрифт на fonts.by

ContextFont Firefox Add-On

If you’re a Firefox user, then you’ll be happy to know that there are several add-ons you can try. They will identify the font that you like so much, so you can start using it as soon as possible. The first add-on is called Context Font, and you will need to restart Firefox to start using it.

Once you’ve restarted your browser, you will be able to know what font is this and get all sorts of information on the font. For example, you can get the Font size, Font family, Font style, Font weight, and font variant of the text you selected in the context menu. Keep in mind that it does not support downloading fonts from data URLs.

What font does Instagram use in its stories?

Stories have been one of the best features that Instagram brought to the game. You can’t really envision the app anymore without it. Since its launch in 2016, Stories have dominated having more than 500 million clients sharing them every single day.

The font maker for Instagram stories in San Francisco on iOS and on Android Roboto.

San Francisco

Advertisement

This is a sans-serif typeface that was created by Apple Inc. It was released in 2014 and it is the newest typeface created by Apple in the last 20 years. You can clearly see that they used Helvetica as inspiration.

However, the differences are that the sides of the letters are round and not flat. The flat sides allow its letters to be laid out having more space between them. What this means is the text is going to be more legible at small sizes.

This is helpful especially when we think of devices like the Apple Watch.

Другие сервисы для определения шрифта по изображению онлайн

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

WhatFontis

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

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

Официальная страница: WhatFontis

FontDetect (FontMassive)

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

Ссылка на скачивание: FontDetect

Identifont

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

Также Identifont предлагает искать шрифт по названию или какой-нибудь характеристике (компании-издателю или фамилии дизайнера). Кроме того, можно ввести название уже известного шрифта и подобрать похожие на него варианты.

Официальная страница: Identifont

FontSpring

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

Официальная страница: FontSpring

FontMatch

FontMatch – это приложение, которое изначально было разработано для ОС Windows, но позже разработчики выпустили программу и для macOS. Поиск по картинке здесь происходит аналогично другим сервисам: загружаем картинку и запускаем анализатор приложения, в результате которого будет отображен список похожих шрифтов. Из минусов: англоязычный интерфейс, но разобраться в нем не составит никакого труда даже тому, кто совсем не знает языка.

Ссылка на скачивание: FontMatch

FontSquirrel

Последний сервис, о котором я расскажу – Font Squirrel. Это еще один англоязычный ресурс для поиска шрифта онлайн. Как и в случае со многими сервисами, он позволяет не просто распознать нужный шрифт, но и сразу скачать его из базы: бесплатно или платно.

Официальная страница: Font Squirrel

Онлайн-сервисы

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

WhatTheFont

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

Порядок работы:

1. Откройте сайт.
2. В правом верхнем углу нажмите на надпись «WhatTheFont» и во всплывшем меню выберите «WhatTheFont», как показано на рисунке.
3. Перетащите изображение с искомым шрифтом в пунктирный прямоугольник или нажмите на подчёркнутый текст, чтобы выбрать его из галереи устройства.
4. После того как картинка будет загружена, программа предложит вам выделить шрифт для распознавания. Выделите нужную область и нажмите на синюю стрелочку.
5. Распознавание шрифта длится от нескольких секунд до минуты. После завершения поиска вам будет предложено несколько вариантов шрифтов на выбор. Выберите наиболее подходящий и скопируйте его название.
6. При желании можно сразу же приобрести понравившийся шрифт на сайте за определённую плату.

FONT IDENTIFIER от Font Squirrel

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

FONT IDENTIFIER качественно распознает и латинские, и русские буквы.

Чтобы определить название выбранного шрифта, сделайте следующее:

1. Зайдите на сайт. На горизонтальной панели меню выберите пункт «FONT IDENTIFIER».
2. Нажмите кнопку «Upload Image» и загрузите скриншот изображения.
3. Выделите текст для распознавания в специальную рамку. Для регулировки границ используйте левую кнопку мыши.
4. Нажмите кнопку «Matcherate It!», расположенную в нижней части окна, и дождитесь результатов.
5. Сравните предложенные варианты с первоначальной версией (она будет размещена в центре экрана).
6. Скопируйте название понравившегося шрифта в буфер обмена или сразу загрузите его с сайта.

На Font Squirrel представлены как платные, так и бесплатные шрифты.

Fontspring

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

1. Откройте страницу поиска.
2. Нажмите кнопку «Upload Image» и загрузите картинку для распознавания.
3. Выделите область с нужным текстом и нажмите зелёную кнопку «Matcherate It!».
4. После поиска сервис предложит несколько вариантов шрифтов, похожих на заданный. Выберите лучший.

IdentiFont

Работа сервиса IdentiFont несколько отличается от остальных. Он предлагает несколько вариантов поиска шрифта: по картинке или символу (Fonts by Picture), по имени дизайнера (Fonts by Designer), по внешним признакам (Fonts by Similarity), по части названия (Fonts by Name) или с помощью наводящих вопросов (Fonts by Appearance).

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

How to See What Font a Website Is Using (3 Available Methods)

There are multiple methods you can use to check what font a website is using. Your browser’s inspection feature is an excellent go-to solution, but there are extensions that can produce equivalent effects. You can even find fonts from images using online tools. Let’s take a look at each of these options.

1. Identify Fonts Using the Browser Inspector Tool

One of the easiest ways to check what font a website is using is with your browser’s inspector tool. Although we’ll be working with the Chrome Inspector in this example, it’s worth noting that other browsers have equivalent features.

First, right-click on the webpage containing the font you want to find. From the resulting menu, select Inspect:

If you’d rather use a keyboard shortcut, try Ctrl+Shift+I for Windows or Linux. If you’re using a Mac, the equivalent is Cmd+Shift+I.

In the window on the right side of the screen, look for the text using the font you want to check out. It will become highlighted when you select the corresponding HTML element:

Next, click on the Computed tab and search for “font-family”:

You should see the name of the font and its style listed here.

To see the CSS related to the font, look under the Styles tab. You can scroll through to search for font-related values. However, as there might be overrides and irrelevant style rules here, the Computed tab is usually more helpful.

2. Find Fonts Via a Browser Extension

Browser extensions can provide a more straightforward way to find font details on a website, especially if you’re not comfortable with the Inspector. Plus, they can usually deliver the answer you’re looking for faster so that you can get back to the task at hand.

Some such add-ons include:

• Fontanello: Free to use, this extension enables you to find a font’s name, weight, style, and more simply by highlighting and right-clicking on it while you’re browsing.
• WhatFont: Streamlining font detection even further, WhatFont enables you to view a typeface’s name just by hovering over it.
• CSS Peeper: Made with web designers in mind, this extension is a bit more robust and can tell you additional details from the webpage’s CSS code.

However, each of these extensions has varied browser support. WhatFont is available for Firefox, Chrome, Safari, and Internet Explorer. Fontanello, on the other hand, is only available for Firefox and Chrome. CSS Peeper is a Chrome-specific tool that you won’t be able to use with any other platform.

For the purpose of quickly finding the name of a specific font, WhatFont is the easiest option to use. Since it also has support for most browsers, we’ll use it for a quick demonstration.

Once you install WhatFont, you can check what font a website is using by activating it in your browser’s toolbar and hovering on some text:

When you first hover over the text, you’ll see only the font’s name. However, clicking on the name will show you an expanded popup with more details such as the size, weight, color, and line height. It can also identify if a typeface is available via Typekit or Google Fonts.

Once you’re done checking out the font details, you can exit the tool using the Exit WhatFont button at the top-right corner of your browser window.

3. Detect Fonts in Images

Finally, you can also try viewing the fonts used in images. This includes typefaces you’ve seen in logos or infographics. In our experience with font detectors, WhatTheFont is the most effective online tool for this job.

To use WhatTheFont, you’ll need to upload the image in question and select the section with the relevant font:

It will then return a results page with several fonts that are similar, if not exact matches, to the one you’re trying to identify:

Your success rate here may vary depending on the font’s source and popularity. If the exact name of the typeface is highly important to you, it may be hard to find a tool that will give you what you want.

However, if you’re open to using a font that is similar to the one you’ve found in an image, an online detector should suit your needs just fine.

Совместимость браузера с WhatFont

В зависимости от вашего предпочтительного браузера, вы можете использовать WhatFont через расширение или букмарклет. Расширение доступно только для Chrome и Safari, тогда как букмарклет работает для Firefox, Chrome, Safari, IE и Opera.

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

Что такое пакетная лицензия?

Необычный вид лицензирования шрифтов — пакетный. Его используют дизайнеры Илья Рудерман и Юрий Остроменцкий на второй витрине своего магазина — tomorrow, где продаются экспериментальные шрифты. Здесь цена лицензии зависит не столько от среды использования, сколько от масштаба: количества просмотров и числа сотрудников, которые будут работать со шрифтом.

Например, минимальный шрифтовой пакет даёт возможность:

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

Цена на всё это одна. Так, минимальная лицензия на шрифт CSTM Xprmntl 03 Юрия Остроменцкого стоит 2 800 рублей.

Условия успешного распознавания шрифтов

Чтобы программа смогла распознать шрифт, к картинке предъявляются определённые требования. Для большинства приложений и сервисов они одинаковы:

• каждый символ отделён от соседних;
• буквы имеют четкие, хорошо различимые контуры;
• картинка сохранена в формате JPG или PNG (при необходимости ее можно переформатировать в графических редакторах);
• качество изображения не снижается при масштабировании, поскольку многие программы требуют подгонки высоты букв под некий шаблон.

Порядок использования различных средств распознавания тоже имеет много схожего:

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

Далее рассмотрим наиболее популярные сервисы и приложения для распознавания шрифтов.

Специфика сетевых ресурсов для идентификации шрифтов

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

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

Сам же процесс распознавания по фото осуществляется двумя основными способами:

• Автоматический – вы загружаете картинку со шрифтом на сайт (или указываете линк на такую картинку в сети). Помечаете на картинке текст для опознавания, жмёте на кнопку запуска идентификации, и получаете варианты найденных в базе совпадений;
• Текстовый – вы отвечаете на вопросы сайта о искомом шрифте в текстовом режиме, а затем получаете результат.

Источники

• https://SdelaiComp.ru/obzori/opredelit-shrift-po-kartinke-onlajn.html
• https://comp-doma.ru/kak-opredelit-shrift-po-kartinke.html
• https://itlang.ru/opredelit-shrift-po-kartinke-onlajn/
• https://public-pc.com/kak-opredelit-shrift-po-kartinke-onlajn/
• https://easywebscripts.net/obzori/raspoznat-shrift-po-kartinke-onlajn.php
• https://games-instel.ru/opredelit-shrift-po-kartinke-onlajn/
• https://GamesQa.ru/interesting/luchshie-servisy-dlya-raspoznaniya-shriftov-18888/
• https://easywebscripts.net/obzori/kak-opredelit-russkij-shrift-po-kartinke-onlajn.php
• https://extra-hns.ru/soft/raspoznavanie-shrifta.html

Специальные сервисы

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

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

Некоторые сайты помогают, в основном, в поисках только самых популярных шрифтов.

What font is

Ресурс What font is позволяет опознать шрифты с картинки бесплатно и достаточно быстро, но работает только с латиницей.

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

Порядок действий для пользователя ресурса следующий:

• Открыть главную страницу сервиса.
• Загрузить на сайт изображение, щёлкнув по форме с надписью Upload image containing the font или вставив ссылку на картинку в Сети.

Рис. 1. Загрузка изображения на сервис What font is.

• Нажать на «Find a font».
• Выбрать, будет ли распознаваться изображение без изменений или при распознавании будет выполнено реверс цветов, а также установить определяемую область.

Рис. 2. Выбор реверса цветов.

Рис. 3. Настройки изображения.

Рис. 4. Расстановка букв.

Рис. 5. Список подходящих шрифтов.

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

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

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

Важно: Для работы с изображением оно должно иметь размер не больше 1,8 МБ и формат JPEG, GIF или PNG. Также рекомендуется распознавать только одну строку за раз – если шрифтов несколько, выделяется часть картинки

WhatTheFont

Ещё один способ распознать шрифты – перейти на сайт сервиса WhatTheFont и воспользоваться уже его помощью.

Благодаря стараниям сообщества My Fonts, ресурс получил огромную базу данных и является одним из самых удобных в использовании.

Вероятность правильно определить шрифт при его использовании – самая высокая среди подобных сервисов.

Действия пользователей должны быть следующие:

Рис. 6. Начало работы с сервисом – загрузка изображения.

Рис. 7. Выбор области распознавания.

Рис. 8. Результаты поиска.

Важно: Для распознавания требуется выполнение определённых условий: размеры картинки должны быть в пределах 360 х 275 пикс., формат – PNG или JPG. Также рекомендуется, чтобы высота каждого символа была не меньше 100 пикселей

Identifont

Сервис Identifont позволяет добиться необходимого результата, ответив на целый ряд вопросов.

В процессе такой проверки пользователь должен сравнивать характеристики распознаваемого шрифта с выдаваемыми вариантами.

Рис. 9. Вопросы, задаваемые сервисом.

Преимущества способа – отсутствие условий к качеству и размерам изображения, недостатком является большое количество потраченного времени. Хотя при поиске нестандартного шрифта вероятность обнаружения всё равно будет небольшой.

Bowfin Printworks

На сайте Bowfin Printworks можно найти значительное количество данных, касающихся различных шрифтов, и идентифицировать тот, который находится на картинке.

Работать с сервисом удобнее, чем с Identifont, но времени придётся потратить больше по сравнению с WhatTheFont.

Рис. 10. Главная страница ресурса Bowfin.

На сайте можно найти удобное руководство по самым популярным в дизайне вариантам шрифтов – таких как Serif, Sans Serif и Script.

Кроме того, есть возможность задавать вопросы владельцу сайта по поводу неопределённого набора символов.

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

TypeNavigator

Ресурс TypeNavigator предлагает собственный подход к поиску шрифтов.

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

С помощью сервиса пользователь постепенно сужает количество вариантов и после недолгих поисков получает положительный результат.

Рис. 11. Варианты наборов символов, которые предлагает сайт TypeNavigator.

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

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

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

Сервис myfonts.com — мощный инструмент для распознания шрифта

Сайт myfonts.com может похвалиться не только стандартным для таких ресурсов функционалом, но и наличием форума, где вам могут помочь в определении нужного шрифта местные энтузиасты. Для достижения идеального распознавания ресурс требует максимально горизонтального размещения текста,  буквы должны иметь около 100 пикселей высоты, и не касаться одна другой. Количество букв на картинке должно быть не более 50, а максимальный размер изображения — 400,000 пикселей (ширина и высота).

Для распознавания шрифта выполните следующее:

1. Затем нажмите на «Обзор», и укажите ресурсу путь на изображение с нужным шрифтом;
2. Кликните на «Continue»;
3. Просмотрите результат внизу, и убедитесь, что буква в рамке соответствует выделенному фрагменту в картинке над ней. Оставьте пустое место в рамке, если не выделено правильной буквы;
4. Нажмите на «Сontinue» внизу;
5. Просмотрите совпадения шрифтов, найденные ресурсом, и определите самый верный из них.

How to Download Free Fonts Online

You’ve found a font you like and have the name, but don’t want to pay $20 to $100 for it? Thankfully there are alternatives. Many font creators will create free versions of their fonts and you can find them online. 

To do this, visit dafont then search for your font name in the search bar. 

Once you’ve found the font, click the download button. Pay attention to the usage rights. Usually, these fonts are available for free for personal use, but you must pay the author for commercial usage rights.

If you cannot find your font here, you can go back to What The Font or Font Matcherator to find the name of a similar font. It may take some time to search around for an available font, but it can be worth it if you’re only using it for personal use. 

If you need the font for commercial use, it’s best to purchase them off of websites like Myfonts or fonts.com. If you can’t find a font you like, you could always create your own font.

Once you’ve downloaded your font, it should be in a .zip file. Extract the .zip file with an archive tool and then browse to the location of the unzipped contents. Double click to run the .otf file and then click the install button. 

You will now find the font available in most apps. This will include Microsoft Word, Photoshop, and most other popular programs that have some sort of word processing and font selector. On Mac, double click to install the .ttf file and then click the Install Font button when prompted.