кириллица это какой шрифт
Как определить русский шрифт по картинке онлайн
Многие из нас проводят в сети огромную часть своего времени. Мы посещаем различные ресурсы, потребляем контент, создаём свои материалы и наслаждаемся постами других людей. Переходя на различные страницы, мы можем наткнуться на сайт, оформление которого выполнено приятным для глаза кириллическим шрифтом. Очарование может быть так велико, что мы можем захотеть такое же оформление и себе. Но как же узнать, каково его название и кто автор? Ниже мы разберём, каким образом можно определить русский шрифт по любому изображению в режиме онлайн. А также какие сетевые ресурсы нам в этом помогут.
Каким образом определить русский шрифт по картинке
Текущая конъюнктура такова, что имеющиеся в сети сервисы для определения шрифта online имеют исключительно зарубежное местоположение. Это означает, что они акцентированы на латиницу, и плохо определяют кириллические символы.
Осознавая подобный «латинский» акцент, ряд мировых стран (Китай, Япония, страны ближнего Востока и др.) направили свои усилия на создания собственных веб-ресурсов, обслуживающих особенности их собственных шрифтов. В России такие ресурсы на данный момент отсутствуют, как и не слышно об их появлении в ближайшем будущем.
При этом ряд пользователей идут на различные ухищрения, позволяющие опознать кириллический шрифт. В частности, из кириллического слова вырезаются похожие к латинским буквам (например, О, А, С, Е и другие), после чего изображение с такими буквами загружается на «латинский» сайт. Сайт опознает схожий латинский фонт, который и может быть использован в будущем.
Сама работа с автоматическими идентификаторами шрифтов строится по стандартным лекалам. Вы переходите на такой сайт, загружаете на него ваш шрифт. При необходимости помогаете ресурсу идентифицировать отдельные буквы (вписав их в соответствующие ячейки чуть ниже), и кликаете на кнопку выведения результата.
При необходимости помогите ресурсу в определении отдельных букв
Давайте разберёмся, какие ресурсы нам могут помочь опознать русское оформление букв в режиме онлайн.
WhatTheFont – определение фонта онлайн
Сервис « WhatTheFont » — один из совсем немногих ресурсов, позволяющих определить кириллические шрифты онлайн. Ресурс обещает поиск в более чем 130 тысячах различных шрифтов, их быструю идентификацию и возможность их приобретения (в случае платных аналогов).
Для работы с сайтом выполните следующее:
En.likefont.com – идентификация русского шрифта по картинке
Для работы с ресурсом выполните следующее:
Ресурсы для визуальной идентификации
Кроме автоматических идентификаторов, есть также ресурсы, позволяющие найти нужный кириллический шрифт онлайн, что называется, «на глаз». Принцип их работы состоит в следующем. Вы переходите на такой ресурс, вбиваете в специальное поле какое-либо русское слово (фразу), и просматриваете варианты надписей данной фразы на разных кириллических шрифтах. Сравниваете с оригиналом и находите точное совпадение.
Среди таких ресурсов отметим следующие:
| Ссылка: | Описание: |
|---|---|
| catalog.monotype.com | Англоязычный ресурс, работающий и с кириллическими шрифтами. Ваше слово набирайте в поле « TYPE YOUR TEXT ». |
| fontov.net | Популярный отечественный ресурс с большой базой шрифтов. Визуальная идентификация работает схожим образом с другими аналогами. Вводите нужную фразу в соответствующее поле на сайте, и нажимаете справа на «Ок». Сервис позволяет скачать понравившийся шрифт на ваш ПК. |
| fonts-online.ru | Ещё один отечественный сервис с множеством бесплатных шрифтов. Поле для ввода вашей фразы находится справа. |
| fonts.by | Несмотря на обилие кириллических шрифтов, форма для ввода своего слова для поиска здесь отсутствует. Придётся искать среди шрифтов самостоятельно, с обилием затраченного времени. |
Специализированные форумы для определения шрифта
Спросите о шрифте у обитателей форума
Также следует присмотреться к следующим форумам:
Спросите название у разработчика сайта
Заключение
В нашем материале мы разобрали, каким образом можно идентифицировать русский шрифт по любой картинке в режиме онлайн. А также какие сетевые сервисы окажут нам в этом посильную помощь. Несмотря на ограниченное количество работающих с кириллицей ресурсов, вы можете воспользоваться как перечисленными альтернативами, так и сетевыми форумами. На последних вам поможет «человеческий фактор», способный на опыте определить точное название нужного вам шрифта.
Как определить шрифт по картинке?
Задавайте, а мы ответим на него в блоге.
Если вам понравился шрифт на сайте или баннере, его можно найти и использовать. Популярные Arial или Times New Roman угадать можно, например, по отсутствию или присутствию засечек. Более редкие и незнакомые надписи можно распознать онлайн: по картинке или скриншоту. Рассказываю, как это сделать.
Идеального инструмента, чтобы определить шрифт по картинке онлайн, не существует. Но кое-какие хитрости все же есть. Я протестировала онлайн-сервисы для распознавания и свела результаты их работы в таблицу. В любом из них схожи требования к загружаемым изображениям:
Если все условия соблюдены, сервис выдаст похожий шрифт и даже предложит варианты для бесплатного использования.
Чтобы определить шрифт, подготовьте исходное изображение: сохраните картинку или скриншот на компьютер. Дальше алгоритм работы всех сервисов похожий:
Теперь разберу 5 онлайн-сервисов, которые распознают шрифт онлайн.
WhatTheFont
Онлайн-платформа по распознаванию латинских букв по картинке. Также есть база для подбора, которая регулярно обновляется.
Язык сервиса. Английский.
Возможности. Скачать или купить шрифт.
Не требуется регистрация
Быстрый поиск по базе более 130 тыс., в том числе платным
Есть приложение для распознавания шрифта на смартфонах (можно просканировать с фотографии) и расширение для Chrome
Не распознает кириллицу
Найденные по скриншоту шрифты предлагает купить, даже если есть бесплатный аналог
Font Identifier
Англоязычный сервис работает с кириллицей и латиницей. Распознает шрифт по каждой букве, поэтому результаты сканирования глубокие. На сайте представлены также семейства, отсортированные по языку, тегам, категориям.
Язык сервиса. Английский.
Возможности. Скачать или купить шрифт здесь же или на сайте партнеров, отредактировать изображение.
Не требуется регистрация
Можно поделится результатами сканирования в соцсетях
Распознает шрифты на десяти языках, в том числе на русском, украинском, белорусском
В базе присутствуют платные и бесплатные варианты шрифтов
Много рекламы внутри платформы
Fontspring
Сервис включает множество шрифтов для коммерческого использования, но обычно внутри семейства можно найти 1-2 начертания, чтобы скачать бесплатно. Есть своя библиотека для поиска.
Язык сервиса. Английский.
Возможности. Купить шрифт, отредактировать изображение.
Не требуется регистрация
Есть редактор для обрезки и поворота загруженных изображений
Можно сканировать изображение по ссылке
Плохо работает с кириллицей
В основном представлен платными вариантами
IdentiFont
В отличие от других сервисов программа предлагает найти шрифт по наводящим вопросам, символу, имени дизайнера, части названия или по внешним признакам.
Язык сервиса. Английский.
Возможности. Поиск по символу, имени дизайнера, наводящим вопросам, по части названия и по внешним признакам.
Не требуется регистрация
Постоянно пополняется база
Можно найти шрифт по названию, дизайнеру или наводящим вопросам
Нельзя определить по картинке
Whatfontis
Сервис подойдет, чтобы найти максимально похожий к оригиналу шрифт, да ещё и бесплатный. Для этого присутствует фильтры поиска по цене.
Язык сервиса. Английский.
Возможности. Скачать или купить, отредактировать загруженное изображение.
Можно сохранить результат сканирования (понадобится регистрация)
Если изображение не подходит, платформа поможет отредактировать его онлайн
Можно искать похожие варианты по фильтру «только бесплатные»
Работает только с латиницей
Не более 10 символов на исходной картинке
Преимущества сервиса доступны только по подписке, например, поиск только бесплатных семейств по картинке
Как сервисы справились с тестовыми картинками
Латиница. Чтобы проверить возможности сервисов я взяла латинские шрифты Lobster и Permanent Marker на разных фонах.
| WhatTheFont | Font Identifier | Fontspring | Whatfontis |
| Lobster на белом фоне (латиница) | ⛔️ |
Определен неверно, предложил платные аналоги
Определен неверно, предложил бесплатные и платные аналоги
Верно распознал
Верно распознал
Определен неверно, предложил платные аналоги
Определен неверно, предложил бесплатные и платные аналоги
Верно распознал
Верно распознал
Определен неверно, предложил платные аналоги
Верно распознал
Определен неверно
Кирилица. Для проверки кириллицы взяла SportsWorld и Lobster на разных фонах.
| WhatTheFont | Font Identifier | Fontspring | Whatfontis |
| Lobster на белом фоне (кириллица) | ⛔️ |
Определен неверно, предложил бесплатные и платные аналоги
Определен неверно, предложил платные аналоги
Верно распознал
Определен неверно, предложил бесплатные и платные аналоги
Определен неверно, предложил платные аналоги
Верно распознал
Определен неверно, предложил платные аналоги
Определен неверно, предложил платные аналоги
Верно распознал
Определен неверно, предложил платные аналоги
Определен неверно, предложил платные аналоги
Верно распознал
Определен неверно, предложил платные аналоги
Верно распознал
Определен неверно, предложил платные аналоги
Определен неверно, предложил бесплатные и платные аналоги
Определен неверно, предложил бесплатные и платные аналоги
Онлайн-сервисы Font Identifier и Whatfontis подходят для частых поисков шрифтов по картинке, в том числе бесплатно. WhatTheFont идеален для определения платных шрифтов и их аналогов, а также неплохо работает с плохо считываемым текстом. Fontspring не определил верно ни один шрифт, зато предложил несколько похожих вариантов для скачивания и покупки. Кириллицу распознали Font Identifier и Whatfontis.
Почему шрифт может не распознаваться
Иногда сервис отказывается распознавать шрифт по картинке. Что в этом случае можно сделать:
Также можно поискать шрифт вручную на форумах или задать вопрос там же: форум MyFonts, группа Type&Typography в Facebook, форум Fontmassive, форум Ruldtp.
5 способов распознать шрифт с картинки
Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии об инструментах для распознавания шрифтов.
Каждый дизайнер хоть раз сталкивался с необходимостью распознать незнакомый шрифт. Идеального способа для этого всё ещё не придумали, но кое-какие хитрости есть. Рассмотрим пять инструментов, которые могут помочь 🧐
WhatTheFont
Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:
Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.
Попробуем найти шрифт Circe с этого снимка:
Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.
В итоге программа сразу определила шрифт правильно. Если результаты далеки от нужного, стоит обратить внимание на теги справа — они помогут найти похожий вариант.
What Font is
Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:
При загрузке есть возможность уточнить, темнее ли фон изображения, чем сами буквы. Ещё можно задать фильтры для поиска: например, искать похожие варианты только среди бесплатных шрифтов.
Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.
FontDetect
Программа для Windows, которая ищет подходящие варианты среди имеющихся на компьютере шрифтов, из-за этого выбор может быть сильно ограничен. Умеет распознавать кириллицу. Чтобы начать поиск, загружаем картинку, выделяем область для распознавания и делаем ее более контрастной.
Информационный сайт Паратайп
Как разобраться в кириллице
Эта статья — своего рода методическое пособие. Графический или веб-дизайнер может по ней научиться определять качество кириллицы в шрифте, когда сомневается, а начинающий шрифтовой дизайнер получит подсказки, как действовать в сложных случаях. Это развитие и продолжение «той самой статьи из ЖЖ про кириллицу». В ней больше материала, подробнее комментарии и глубже объяснения.
Когда мы смотрим на кириллицу в шрифте и пытаемся сориентироваться, хорошая она или нет, стоит обратить внимание на несколько важных параметров. Это конструкция букв, их ширина, промежутки между буквами и распределение толщин штрихов. Давайте разберём их по очереди — от более общих случаев до конкретных заметок по каждой букве.
Конструкция букв в целом
В кириллице (как и в латинице и греческом) у каждой буквы есть два варианта, или регистра — прописная (заглавная, «большая») и строчная («маленькая»).
А ещё у тех же самых букв меняется конструкция в курсиве и когда мы пишем руками. Всего получается четыре основных варианта конструкции для каждой буквы.
Но постоянно об этом помнят только шрифтовые дизайнеры. Почему?
При чтении наш мозг не разглядывает каждую букву по отдельности, а моментально схватывает формы нескольких знаков сразу, улавливает смысл и переходит к следующему сочетанию. У взрослого, давно умеющего читать человека всё это происходит интуитивно, то есть неосознанно. Поэтому при чтении люди обычно не обращают внимания на конструкцию буквы. К тому же (чтобы всех окончательно запутать) в некоторых буквах часть конструкций совпадает.
Всё это приводит к интересному эффекту: когда человек пытается вспомнить, как выглядят «нормальные» буквы, то строчная конструкция — та, которую мы видим чаще всего (когда читаем), приходит в голову последней или не приходит совсем. Вспомнить то, что мы постоянно воспринимаем интуитивно, практически нереально. Поэтому мозг как бы возвращается к тому моменту, когда последний раз внимательно смотрел на буквы, а это было в детстве — когда человек учился читать и писать.
То есть если попросить взрослого человека (не шрифтового дизайнера) написать русский алфавит «как в книге» или «маленькими буквами», то в результате всё равно получаются заглавные или смесь заглавных и рукописных конструкций.
Поэтому смесь разных конструкций в одном шрифте — это или очень яркое высказывание, или очень явный признак непрофессионализма. Если шрифт похож на текстовый, то есть у него «нормальная» жирность и ширина и «обычный» рисунок букв, то разные конструкции смешиваться не должны, «б» всегда с хвостом вверх, «р» всегда с хвостом вниз и так далее.
Если шрифт акцидентный, то смешение конструкций допустимо. Но надо посмотреть ещё и на латиницу: если разные конструкции смешиваются и в латинице, и в кириллице, то, скорее всего, всё в порядке и это задумка автора. А если латиница традиционная, а кириллица смешанная, то, возможно, мы имеем дело со шрифтом неопытного дизайнера и стоит поискать какой-нибудь другой.
В этой статье приведены конструкции букв русской кириллицы. Если вы видите текстовый шрифт, у которого большинство знаков выглядят как выпрямленный курсив, скорее всего, он болгарский: в Болгарии в 1960-е годы дизайнеры договорились между собой использовать такие конструкции букв.
То есть для набора на болгарском языке (или с болгарским акцентом) это то, что надо, а при наборе на русском — будет выглядеть непривычно, так что для длинного текста лучше подобрать более традиционный шрифт.
Тема повышенной сложности: курсив против наклонного
Степень «курсивности» шрифта может быть разной. В шрифтах эпохи Возрождения курсив по рисунку очень сильно отличался от прямого начертания, а в модернистских шрифтах XX века, с подачи Стэнли Морисона, Беатрис Уорд и компании — стал гораздо ближе к наклонному начертанию.
Курсив Робера Гранжона, XVI век
Курсив Эрика Гилла к шрифту Perpetua, 1929-1932 гг.
Но в латинице в большинстве букв меняется только пластика знаков, а не конструкция. А вот в кириллице конструкция курсивных знаков чаще всего отличается от конструкции прямых, особенно в антикве.
В антиквах и гуманистических гротесках всё это богатство работает очень хорошо. Но если кириллический шрифт далёк от каллиграфии, то курсив может быть и «гибридным» — часть знаков с курсивной конструкцией, а часть с наклонной. Причём в зависимости от того, насколько автор хочет сохранить в курсиве жёсткость и рациональность прямого начертания, количество знаков с наклонной конструкцией может меняться.
Ширина букв
Есть моноширинные шрифты, у которых все буквы стоят на площадках одной ширины.
Но их сравнительно немного, а все остальные шрифты — пропорциональные. Это значит, что буквы в них разной ширины, одни шире, а другие уже.
Шрифты бывают в принципе разной ширины, есть узкие, есть широкие, есть нормальные.
Но и в самом узком шрифте, и в самом широком шрифте буква «ш» будет шире, чем буква «н», а буква «г» уже, чем буква «о». Есть негласная традиция ширин и пропорций букв, которая сложилась за века существования наборного шрифта.
Точных правил «делай такую-то букву такой-то ширины», конечно, нет, но если шрифт предназначен для длинного текста, то буквы должны выглядеть равномерными. Это важно — не быть геометрически одинаковыми, а именно казаться!
Самый надёжный способ разобраться с шириной букв — внимательно смотреть на хорошие старые шрифты и сравнивать свой результат с традиционным. Вот, например, иллюстрация, на которой буквы нескольких популярных текстовых шрифтов расставлены по порядку — от самой узкой площадки к самой широкой.
В акцидентных шрифтах с шириной букв можно обращаться гораздо более вольно, чем в текстовых. Например, популярный приём — сильная разноширинность букв, особенно прописных.
Постамент колонны Траяна, Рим, 113 год н. э.
Bad Russian (Мария Касаткина) — сверхразноширинный шрифт
А можно очень сильно расширить или сузить одну-две буквы в надписи. Главное — чтобы идея была видна и понятна сразу, а не выглядела случайностью.
Промежутки между буквами
Межбуквенные расстояния в хорошо сделанном шрифте должны казаться равномерными. Но буквы бывают разной формы: прямоугольные, овальные, треугольные или ещё более сложные. Вокруг непрямоугольных букв уже есть какое-то количество «воздуха».
Поэтому нельзя так просто взять и автоматически выставить всем буквам одинаковые белые площадки слева и справа. Вернее, выставить их можно, но получится не равномерность, а обратный эффект — между прямоугольными буквами будет мало места, а между треугольными и круглыми — огромные дыры.
Когда шрифтовой дизайнер делает шрифт, то проверяет, как каждый знак (буква, цифра или любой другой) встанет между двумя прямоугольными и двумя овальными. И там и там должно получиться равномерно.
Но в некоторых сочетаниях букв, как ни старайся, универсальными межбуквенными расстояниями не обойтись. Например, в слове «где» будет дыра между «г» и «д», если в шрифте не сделан кернинг, то есть ручная регулировка межбуквенных расстояний в сложных случаях.
А есть сочетания, в которых и кернинг не очень поможет — например, внизу части букв почти касаются друг друга, а вверху получается дыра. В русском языке самые частые сочетания букв такого типа — это «кл» и «дл». Опытный шрифтовой дизайнер заранее предвкушает встречу «к» или «д» с «л» и подгоняет форму букв так, чтобы дыра оказалась поменьше. Вот волшебная фраза, по которой можно определить, есть ли в шрифте кернинг и думал ли автор над опасными сочетаниями букв (а ещё там собраны все самые сложные буквы, о которых мы поговорим в следующей части статьи).
Конструкции и распределение толщин в «сложных» буквах
В этой части статьи будут развороты из «записной книжки шрифтового дизайнера» со скетчами разных букв и пояснения, как устроена буква, где какие формы используются и что значат или что не так с какой-то конструкцией.