Кириллица это какой шрифт на компьютере

Обновлено: 30.06.2024

Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии об инструментах для распознавания шрифтов.

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

WhatTheFont

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

  • текст расположен чётко горизонтально;
  • высота букв не меньше 100 пикселей;
  • буквы не касаются друг друга;
  • общее количество символов — не больше 50.

Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.

Попробуем найти шрифт Circe с этого снимка:

Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

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

What Font is

Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:

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

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

FontDetect

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

Задаём буквы для каждого распознанного символа.

Если нужно, добавляем папки для поиска.

И получаем список шрифтов.

5 способов распознать шрифт с картинки

Екатерина Малахова

5 способов распознать шрифт с картинки

курс

UX-писатель

Узнать больше

  • Научитесь создавать тексты для интерфейса — с заботой о пользователе и выгодой для бизнеса
  • После обучения у вас в портфолио будет проект, проверенный практикующими UX-писателями

Identifont

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

5 способов распознать шрифт с картинки

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

Профильные сообщества в сети

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

Главное для распознавания шрифта — качество картинки

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

Читать также

5 способов распознать шрифт с картинки

UX-копирайтинг: как максимально эффективно работать с микротекстами

5 способов распознать шрифт с картинки

Лучшие книги для графических дизайнеров: подборка редакции Нетологии

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

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

Конструкция букв в целом

В кириллице (как и в латинице и греческом) у каждой буквы есть два варианта, или регистра — прописная (заглавная, «большая») и строчная («маленькая»).

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

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

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

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

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

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

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

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


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

Тема повышенной сложности: курсив против наклонного

Степень «курсивности» шрифта может быть разной. В шрифтах эпохи Возрождения курсив по рисунку очень сильно отличался от прямого начертания, а в модернистских шрифтах XX века, с подачи Стэнли Морисона, Беатрис Уорд и компании — стал гораздо ближе к наклонному начертанию.



Но в латинице в большинстве букв меняется только пластика знаков, а не конструкция. А вот в кириллице конструкция курсивных знаков чаще всего отличается от конструкции прямых, особенно в антикве.

В антиквах и гуманистических гротесках всё это богатство работает очень хорошо. Но если кириллический шрифт далёк от каллиграфии, то курсив может быть и «гибридным» — часть знаков с курсивной конструкцией, а часть с наклонной. Причём в зависимости от того, насколько автор хочет сохранить в курсиве жёсткость и рациональность прямого начертания, количество знаков с наклонной конструкцией может меняться.

Ширина букв

Есть моноширинные шрифты, у которых все буквы стоят на площадках одной ширины.

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

Шрифты бывают в принципе разной ширины, есть узкие, есть широкие, есть нормальные.

Но и в самом узком шрифте, и в самом широком шрифте буква «ш» будет шире, чем буква «н», а буква «г» уже, чем буква «о». Есть негласная традиция ширин и пропорций букв, которая сложилась за века существования наборного шрифта.

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

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

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


А можно очень сильно расширить или сузить одну-две буквы в надписи. Главное — чтобы идея была видна и понятна сразу, а не выглядела случайностью.

Промежутки между буквами

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

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

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

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

А есть сочетания, в которых и кернинг не очень поможет — например, внизу части букв почти касаются друг друга, а вверху получается дыра. В русском языке самые частые сочетания букв такого типа — это «кл» и «дл». Опытный шрифтовой дизайнер заранее предвкушает встречу «к» или «д» с «л» и подгоняет форму букв так, чтобы дыра оказалась поменьше. Вот волшебная фраза, по которой можно определить, есть ли в шрифте кернинг и думал ли автор над опасными сочетаниями букв (а ещё там собраны все самые сложные буквы, о которых мы поговорим в следующей части статьи).

Конструкции и распределение толщин в «сложных» буквах

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

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

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

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

Заставка определение шрифта

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

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

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

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

Скрин определения букв

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

WhatTheFont – определение фонта онлайн

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

Для работы с ресурсом выполните следующее:

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

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

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

Специализированные форумы для определения шрифта

Сайт Fontmassive

Также следует присмотреться к следующим форумам:

Спросите название у разработчика сайта

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

Заключение

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

Остальные сервисы воспринимают только картинки большого размера с крупным шрифтом.

Итак, попробуем воспользоваться сервисом.

WhatFontIs

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

Fonts Squirrel

В этом сервисе поиск идет по 4-м сайтам, но шрифтов все равно меньше, чем в предыдущем сервисе (WhatFontIs). Наш шрифт остался не распознанным.

Кроме того, разделить буквы мышкой тут нельзя, и на нашей картинке отдельным символом распознается только буква V, остальные буквы слиты по две:


Невозможно разделить буквы

FontSpring

Fonts Ninja

После установки расширения в правом верхнем углу браузера появится зеленая кнопка. Щелкаете эту кнопку, и тогда при наведении курсора на текст веб-страницы сайта будет всплывать окно с названием и размером шрифта. Выглядит так:

Расширение Ninja

Расширение Ninja

Расширение пригодно для определения шрифта текста на любом языке.

IdentiFont

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

  • Есть ли засечки
  • Выберите стиль хвостика буквы Q
  • Выберите стиль вертикальной линии знака $
  • Выберите стиль знака &
  • Выберите, на каком уровне средняя точка буквы M
  • Замкнута ли правая верхняя часть цифры 4
  • Какова форма точки знака вопроса
  • и так далее

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

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

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

Попробовать поискать на WhatTheFont

Там хоть и мало шрифтов, но все же есть немного кириллицы.

Спросить людей на сайте

Сайты-коллекции русских шрифтов

Читайте также: