надпись галичанин какой шрифт
5 способов распознать шрифт с картинки
Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии об инструментах для распознавания шрифтов.
Каждый дизайнер хоть раз сталкивался с необходимостью распознать незнакомый шрифт. Идеального способа для этого всё ещё не придумали, но кое-какие хитрости есть. Рассмотрим пять инструментов, которые могут помочь 🧐
WhatTheFont
Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:
Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.
Попробуем найти шрифт Circe с этого снимка:
Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.
В итоге программа сразу определила шрифт правильно. Если результаты далеки от нужного, стоит обратить внимание на теги справа — они помогут найти похожий вариант.
What Font is
Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:
При загрузке есть возможность уточнить, темнее ли фон изображения, чем сами буквы. Ещё можно задать фильтры для поиска: например, искать похожие варианты только среди бесплатных шрифтов.
Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.
FontDetect
Программа для Windows, которая ищет подходящие варианты среди имеющихся на компьютере шрифтов, из-за этого выбор может быть сильно ограничен. Умеет распознавать кириллицу. Чтобы начать поиск, загружаем картинку, выделяем область для распознавания и делаем ее более контрастной.
Лучшие сервисы и приложения для идентификации шрифтов
Здесь мы собрали самые удобные сервисы и приложения для идентификации шрифтов. Сохраните эту статью себе в закладки и вы с легкостью сможете узнать название любого шрифта!
Дизайнеры часто сталкиваются с необходимостью узнать, каким шрифтом написан тот или иной текст. Перебор всей имеющейся коллекции шрифтов в поисках совпадения — далеко не самый удобный способ. Кроме того, нужного шрифта может просто не оказаться. Конечно, можно обратиться за помощью на тематические форумы, где другие дизайнеры смогут подсказать название шрифта. Только вот ждать ответа придется неделями. А если ждать некогда? Что же делать тогда?
На самом деле все просто. Воспользуйтесь этими ресурсами и вы сможете узнать название шрифта буквально за пару минут, а может даже быстрее!
Online-сервисы
WhatTheFont
WhatTheFont — объективно лучший сервис для идентификации шрифтов по картинкам. Просто загружаете картинку с примером шрифта, указываете, правильно ли сервис распознал буквы, и жмете на большую зеленую кнопку. Вам выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение. Если определить шрифт все-таки не удалось, то вам предложат задать вопрос на специализированном форуме на этом же сайте. Сервис удобен еще и тем, что найденный шрифт можно сразу же купить.
Для тех, кто ищет шрифты постоянно и в любых условиях, есть мобильное приложение для iPhone и Android. Можно просто сфотографировать шрифт и тут же узнать его название. Очень удобно!
IdentiFont
На этом сервисе можно искать шрифт, если у вас нет его изображения, но вы помните, как он выглядит, и сможете указать его характеристики, отвечая на ряд вопросов. Не сказать, что это самый удобный способ, но если другого варианта нет — вполне можно найти то, что нужно! Создатели сервиса предлагают разные варианты поиска шрифтов: по названию (частичному), по шрифтовым семьям, по символам и даже по дизайнерам, которые их разрабатывали.
Whatfontis
What Font is — онлайн-сервис идентификации шрифта по картинкам. Во многом похож на WhatTheFont, но стоит добавить в закладки, на всякий случай.
Приложения и расширения для браузеров
Помимо вышеперечисленных онлайн-сервисов, существуют их аналоги в виде расширений для браузеров. Их плюс в том, что не нужно каждый раз открывать новую вкладку, чтобы узнать каким шрифтом сделана та или иная надпись на сайте. Достаточно просто активировать расширение.
FontFaceNinja
Бесспорный лидер на данный момент. FontFaceNinja дает возможность не только узнать название любого шрифта на сайте (не картинки), но и попробовать его написание здесь же на сайте, а также (внимание) скачать понравившийся шрифт! Конечно, авторы предупреждают, что шрифты скачиваются исключительно для ознакомления.
Помимо красоты и удобства этого расширения есть еще один приятный момент. В FontFaceNinja есть волшебная кнопка (маска), которая скрывает всю рекламу со страницы, позволяя наслаждаться исключительно шрифтами. Скачать расширение можно совершенно бесплатно. Работает с Chrome и Safari.
Whatfont tool
Расширение для Chrome и Safari, которое поможет узнать названия шрифтов в браузере. Показывает достаточно подробную справочную информацию по интересующему шрифту, включая шрифтовую семью, размер и высоту строки.
Fount
Отличный плагин для идентификации шрифтов на сайтах. Чтобы все заработало, сайт нужно добавить в закладки и нажать на него. Курсор примет форму крестика и при нажатии на шрифт будет появляться окошко с его названием, размером в пикселах, весом и стилем. Чтобы выключить — нажимаем еще раз. Работает с браузерами Safari, Chrome, Firefox, и IE8+.
Апгрейд личных навыков распознавания шрифтов
Каждому хочется быть крутым дизайнером, который знает не только все существующие шрифты по названиям и семьям, но еще может перечислить разработчиков и рассказать истории создания. Конечно, такие навыки — это бесспорный талант. Но немного улучшить свои знания вполне реально. Вот несколько игр и инструментов, которые помогут вам в этом.
Font Trainer
Онлайн-игра-тест: устанавливаете параметры и угадываете где какой шрифт. Можно установить как латиницу, так и кириллицу.
The Font Game HD
Это приложение в буквальном смысле играючи поможет выучить названия и начертания шрифтов. Есть разные режимы игры, интересные задания и статистика ваших достижений. Из минусов стоит отметить, что приложение платное и только в AppStore.
Потренировались? Пора проверить свои знания!
Простой и красивый тест, о котором мы отдельно писали в блоге. Сможете ли вы определить 10 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!
Напишите нам, если вы знаете еще какие-то удобные сервисы или приложения для идентификации шрифтов. Будем рады вашим комментариям! И поделитесь ссылкой на эту статью с друзьями. Пусть их жизнь тоже станет чуточку проще 🙂
Что такое типографика и какие шрифты использовать на сайте
Как сделать текст более читабельным? Как подбирать шрифтовые пары? Какой шрифт выбрать для бизнеса и не ошибиться? Ответы на эти и другие важные вопросы в руководстве по типографике от Skillbox.
Один из источников информации — это текст. Чтобы привлечь внимание читателя и выделить материал среди других, его стараются красиво оформить и сделать легким для восприятия. Направление, которое содержит в себе правила о расположении текста, выборе шрифтов и размеров, называется типографикой.
Чтобы сделать текст удобным для чтения и правильно подобрать шрифт, необходимо узнать, из чего состоит типографика и какие шрифты можно использовать на сайте.
Что такое типографика
Типографика — это оформление наборного текста. Его располагают на бумаге или экране, настраивают отступы и интервалы, подбирают шрифт. Хорошо проработанный материал смотрится лаконично и приятно. Легко читается, ощущается гармония.
До появления компьютеров правила типографики использовали для создания макетов книг, газет и плакатов. Теперь их применяют для удобного отображения информации на дисплее — в программах и на сайтах.
Правила типографики учитывают параметры шрифта, размеры текста, его расположение. Чтобы хорошо оформить текст, нужно знать, какие шрифты использовать на сайте, что такое начертание, каковы пропорции между основным текстом и заголовком.
Как подбирать шрифты на сайт
Внешний вид сайта во многом зависит от используемых шрифтов. Правильно подобранный шрифт помогает читать быстрее. Обычно пользователь заходит на страницу, пробегает взглядом по тексту и сразу получает нужную информацию.
Если использовать какой-то необычный шрифт, рукописный или акцидентный, то читать станет сложнее. Скорее всего, посетитель сайта не станет тратить время на то, чтобы разобрать текст, и просто закроет страницу.
Чтобы решить, какой шрифт выбрать для сайта, нужно знать, какие бывают семейства, что такое начертание и классификация.
Классификация шрифтов
Шрифты отличаются характером, внешним видом, стилем. Какие-то — статические, какие-то передают динамику. Но все эти различия видит опытный человек, а простой пользователь, скорее всего, не заметит.
Главное визуальное различие шрифтов — засечки на буквах. Этот параметр называется классификацией шрифта. На сайтах чаще всего встречается две классификации: антиква и гротеск.
Антиква — шрифт с засечками, поэтому часто в названии есть слово serif («засечка»). Популярная антиква: Times New Roman.
Передает ощущения надежности и традиционности. Шрифт с засечками выглядит строго и классически. Используется в бумажных книгах, журналах и печатных изданиях. Длинный текст, набранный таким шрифтом, удобно читать.
Гротеск — классификация шрифта без засечек. В названии его часто встречается слово sans («без»). Популярные представители гротеска: Arial, Helvetica, Verdana.
Гротеск ассоциируется с чем-то современным и легким. Его часто использует в чертежах и технической документации, в интерфейсах программ, на сайтах.
Что такое гарнитура
Гарнитура — это название одной шрифтовой семьи, которая состоит из разных начертаний.
Привычное начертание — нормальное (Regular), остальные начертания зависят от вида шрифта и цели, для которой его создавали. Отличаются друг от друга наклоном, пропорциями, толщиной, но имеют одинаковый характер.
Светлое (Thin, Light); нормальное (Regular); полужирное (DemiBold, SemiBold); жирное (Bold, Extra Bold)
Узкое (Narrow, Condensed); нормальное; широкое (Wide, Extended, Expanded)
Выбор размеров шрифта
Размер шрифта подбирают для каждого сайта индивидуально. Главное, чтобы читать текст на странице было комфортно.
Размер для обычного текста — 16-22 px. При этом длина строки не должна превышать 75 символов. Если текста мало, то его делают крупнее, а для статей и длинных записей — мельче.
Правильно подобранные размеры заголовков помогают создать контраст с основным текстом на странице. Для расчета пользуются коэффициентом из золотого сечения — 1,6.
Чтобы узнать размеры заголовков, кегль основного текста умножают на 1,6.
Нормальный текст: 18px
Заголовок 4: 18х1,6 = 27px.
Полученный результат умножают на 1,6 еще раз, чтобы узнать размер заголовка следующего уровня:
Заголовок 3: 27х1,6 = 40px.
Вычислить, какой размер шрифта на сайте лучше использовать, можно с помощью калькулятора. На основе параметров обычного шрифта он подбирает оптимальные размеры для заголовков.
Сочетание шрифтов
Использование разных шрифтов на сайте помогает создать контраст и задает настроение во время чтения текста. Поэтому дизайнеры тщательно подбирают шрифты для сайта, анализируют разные сочетания.
Для выбора сочетания шрифтов нет каких-то определенных алгоритмов, потому что каждый проект индивидуален.
Обычно сочетают либо разные начертания одного и того же шрифта, либо выбирают два шрифта разной классификации. Комбинирование антиквы и гротеска помогает показать иерархию текста и добиться хорошей читабельности.
Самый простой способ подобрать пару шрифтов — просмотреть несколько, сравнить и проанализировать, какие пары подойдут.
Искать шрифтовые пару удобно с помощью сервисов Паратайп и FontPair.
Где брать шрифты
В интернете можно найти бесплатные и платные шрифты. И те, и другие шрифты можно использовать на сайте.
Бесплатные
Большая библиотека качественных шрифтов называется Google Fonts. Шрифт легко подобрать по нужным параметрам: выбрать только кириллицу, искать антикву или гротеск. С Google Fonts их можно скачать или напрямую подключить к сайту.
Часто дизайнеры рисуют свои шрифты и выкладывают их в общий доступ. Здесь стоит быть аккуратным, потому что не все они — качественные и подойдут для вашего проекта.
Платные
Ищут в специальных магазинах или на сайтах владельцев — студий и дизайнеров.
Больше о типографике и шрифтах
Шрифт проектируются для определенной цели. У каждого — разные характер и настроение. Поэтому к подбору шрифтов и верстке текста на странице важно подходить осознанно.
Книги, которые помогут изучить основы типографики и узнать, как работать со шрифтами:
Углубиться в типографику, верстку и узнать об использовании шрифтов можно на курсе «Веб-дизайн с нуля» от Skillbox.
Пишет про дизайн в Skillbox. Рисует макеты и верстает страницы для клиентов.
Как узнать какой шрифт используется на изображении
Начертаний шрифтов великое множество. Лишь самые популярные из них опознаются без труда. Распознать остальные без посторонней помощи практически невозможно. Чтобы облегчить нам эту задачу, созданы специальные программы, которые определяют название шрифта по картинке. Работать с такими программами можно онлайн и офлайн, установив их на телефон или компьютер.
Условия успешного распознавания шрифтов
Чтобы программа смогла распознать шрифт, к картинке предъявляются определённые требования. Для большинства приложений и сервисов они одинаковы:
Порядок использования различных средств распознавания тоже имеет много схожего:
Далее рассмотрим наиболее популярные сервисы и приложения для распознавания шрифтов.
Онлайн-сервисы
Чтобы узнать название шрифта, не устанавливая при этом специальные программы, достаточно зайти на один из онлайн-ресурсов, которые созданы для этих целей. Большинство подобных площадок англоязычные, однако разобраться, как ими пользоваться, не сложно. Если вы не понимаете значения какой-либо фразы, воспользуйтесь онлайн-переводчиком или просто действуйте по нашей инструкции.
Перед тем как загрузить картинку на сайт, визуально проверьте, что символы надписи на ней принадлежат одному шрифту, иначе сервис может отказаться их распознавать.
WhatTheFont
Сервис WhatTheFont хорош тем, что для работы с ним не требуется регистрация. Это значительно упрощает и ускоряет процесс поиска. Но, к сожалению, при поиске кириллических шрифтов он не всегда выдает корректные результаты.
Обратите внимание: стоимость шрифтов на WhatTheFont и других площадках может сильно различаться. Не спешите оплачивать покупку, пока не сравните его предложения с ценами на сторонних сайтах. Вполне возможно, вам удастся получить шрифт дешевле или даже бесплатно.
FONT IDENTIFIER от Font Squirrel
FONT IDENTIFIER качественно распознает и латинские, и русские буквы.
Чтобы определить название выбранного шрифта, сделайте следующее:
На Font Squirrel представлены как платные, так и бесплатные шрифты.
Fontspring
Англоязычный сайт Fontspring также имеет большую базу образцов. Определить название понравившегося шрифта с его помощью очень просто:
IdentiFont
Работа сервиса IdentiFont несколько отличается от остальных. Он предлагает несколько вариантов поиска шрифта: по картинке или символу (Fonts by Picture), по имени дизайнера (Fonts by Designer), по внешним признакам (Fonts by Similarity), по части названия (Fonts by Name) или с помощью наводящих вопросов (Fonts by Appearance).
IdentiFont также представлен на английском языке. Порядок использования функции поиска по картинке аналогичен предыдущим.
Программы поиска шрифта по изображению для ПК и смартфонов
Приложение, установленное на устройство, подойдёт тем, кто часто работает со шрифтами офлайн. Рассмотрим самые простые и доступные из них.
FontDetect для ПК
FontDetect устанавливается на компьютер и может работать без доступа к Интернету. Поиск производится по базе шрифтов, загруженных в программу.
Пользователи ценят FontDetect за удобство, простоту и понятное меню на русском языке.
Результаты поиска будут отсортированы по большему соответствию запросу. В колонке «Схожесть» указывается процентное соотношение по совпадению результата поиска с запрашиваемым шрифтом.
Кстати, на официальном сайте fontmassive.com также можно скачать программы для выпрямления текста по кривой (LinearText) и окружности (Circular). Они могут понадобиться для коррекции изображения с целью упрощения поиска.
Мобильное приложение WhatTheFont
Для удобства пользователей владельцы онлайн-ресурса WhatTheFont создали мобильное приложение. Чтобы установить его на смартфон, выполните следующее:
Определять шрифт с помощью WhatTheFont очень просто: достаточно запустить камеру и сфотографировать текст для распознавания.
Спустя несколько мгновений программа определит название шрифта и предложит его купить. Некоторые шрифты доступны бесплатно, их можно сразу же установить на смартфон.
Кроме того, WhatTheFont предлагает поделиться результатами поиска в соцсетях.
FontMatch для ПК
Изначально приложение FontMatch было разработано для операционной системы Windows, но позже разработчики создали программу и для macOS. Поиск по картинке здесь происходит аналогично другим сервисам:
Меню в программе FontMatch на английском языке. Однако все функции настолько интуитивные и понятные, что разобраться в них не составит труда.
Что делать, если программы не распознали шрифт
Мы рассмотрели самые популярные и эффективные приложения и онлайн-ресурсы для поиска шрифта по изображению. Однако новые шрифты появляются почти ежедневно. Случается, что программы распознают символы неточно, и в результатах поиска даже близко нет ничего похожего.
Если у вас не получается определить шрифт автоматически, обратитесь за помощью на специализированный форум или в группы в социальных сетях. Вот ссылки на некоторые из них:
Выложите изображение с нужным шрифтом и ждите ответа экспертов. Лучше оставить запрос на нескольких сайтах. Ответ обычно приходит в течение нескольких часов.
Какой шрифт использовать в САПР?
Выбор стандартного шрифта, используемого в САПР, – важный вопрос, решение которого может зависеть от множества факторов: стандартов вашего предприятия, ваших заказчиков, от надстроек и приложений, которые вы используете в САПР, или от системы документооборота. Кроме того, одной из постоянно возникающих сложностей была и остается пропажа текста при передаче *.dwg-файлов. Причину тут может не заметить даже опытный проектировщик, ведь на его компьютере всё отображается корректно. А в файле заказчика полностью или частично исчезает текстовая часть. Чаще всего проблема связана с банальным отсутствием шрифтов…
В этой статье мы рассмотрим несколько тем:
сравнение основных шрифтов, с которыми работает nanoCAD;
какой шрифт подходит для тех или иных конкретных задач;
искажение/исчезновение текста: почему так происходит и как с этим бороться;
что делать, если не распознаются спецсимволы;
как улучшить качество отображения текста на экране.
Но прежде чем обратиться ко всем этим вопросам, хотелось бы взглянуть на историю шрифтов. Шрифты делятся на два принципиально разных типа (рис. 1):
растровые шрифты, представляющие собой набор точек (пикселей);
векторные шрифты, содержащие символы, каждый из которых представлен в виде набора отрезков (векторов).
Рис. 1. Отличия растрового и векторного шрифтов
Рис. 2.1 Контур знаков TTF-шрифта (прямая Безье) Рис 2.2 Контур знаков TTF-шрифта (кривая Безье)
Для загрузки TTF-шрифта в nanoCAD достаточно установить его в Windows (открыть файл шрифта TTF и нажать кнопку Установить). Шрифт будет готов к использованию без перезапуска nanoCAD.
Еще один векторный шрифт, с которым работает nanoCAD, – это шрифт с разрешением shx.
Шрифты SHX следует переместить в папку, находящуюся по адресу C:\ProgramData\Nanosoft\nanoCAD x64 Plus 20.1\SHX.
Для использования шрифта SHX требуется перезапустить nanoCAD.
Поговорим об отличиях шрифтов SHX и TTF.
Отличие 1. Толщина линий
Символы шрифтов SHX, как можно догадаться, состоят из линий, дуг и отрезков, прописанных в файле описания форм. Толщину (вес) этих линий можно изменять в строке свойств Вес линий – в отличие от TTF, где толщина символов задается контуром (рис. 3).
Рис. 3. Изменение веса линий для SHX и TTF
При этом толщина линий у TTF-шрифтов все же может меняться в зависимости от высоты набранного текста (рис. 4). Это является несомненным преимуществом TTF-шрифта, поскольку, как зафиксировано в ЕСКД ГОСТ 2.304, «толщина линии шрифта – толщина, определяемая в зависимости от типа и высоты шрифта». Следовательно, если требуется строго следовать нормам ГОСТ, для SHX-шрифтов нужно менять вес линий в зависимости от высоты текста. В nanoCAD предусмотрена возможность такого изменения: Настройка объектов → Типы линий → Стандартный вес текста (рис. 5).
Рис. 4. Зависимость толщины TTF-шрифта от высоты текста Рис. 5. Настройки стандартного веса текста
Опция работает для элементов оформления (текст в выносках, технических требованиях и т.д.) и при этом не распространяется на размеры и тексты.
Отличие 2. Печать в формате PDF
Так как SHX-символы – это набор примитивов, требуется хранить информацию о местоположении каждого из них. TTF-символы каждый раз повторяются. Для наглядности сравним вес файла, состоящего из 12 листов текста, выполненного с использованием TTF- и SHX-шрифта, а затем сохраненного в формате PDF (рис. 6).
Рис. 6. Свойства PDF-документов, выполненных различными шрифтами
У SHX-шрифта размер файла в 1,7 раз больше.
Стоит заметить, что TTF можно изменять средствами PDF-редактора. SHX в формате PDF не распознаётся, но настройки печати nanoCAD позволяют создавать комментарии к текстам, набранным этим шрифтом (рис. 7).
Рис. 7. Настройка печати для SHX-шрифта
Пример показан на рис. 8.
Рис. 8. Комментарий в PDF для текста SHX
Отличие 3. Импорт PDF
При импорте PDF командой ПДФИМПОРТ шрифт формата TTF распознаётся как многострочный или однострочный текст и доступен для редактирования. SHX-текст импортируется как набор примитивов (рис. 9).
Рис. 9. Вид импортированного SHX-текста
Отличие 4. Спецсимволы
Чтобы избежать искаженного отображения специальных символов, для SHX-шрифтов созданы отдельные спецсимволы, находящиеся на панели редактирования текста (рис. 10).
Рис. 10. Панель редактирования текста
Вставим как текст в SHX и TTF пятую строчку спецсимволов (рис. 11).
Рис. 11. Вид спецсимволов SHX в шрифтах SHX и TTF
Как видим, TTF не распознаёт спецсимволы для SHX. Для TTF-текста имеется таблица символов, хорошо нам известная из MS Office. И nanoCAD поддерживает эти символы (рис. 12-13).
Рис. 12. Таблица символов MS Office в nanoCAD Рис. 13. Вид спецсимволов MS Office в шрифтах SHX и TTF
SHX-шрифт может использовать спецсимволы, предназначенные для TTF. На рис. 14 представлен случай замены, когда большинство символов распознаны, а остальные заимствуются из TTF-шрифта.
Рис. 14. Вид спецсимволов MS Office для SHX-шрифта
Последний пример наглядно демонстрирует, что для каждого шрифта существуют свои опции. Если нужно контролировать толщину текста в документе – выбираем SHX-шрифт (например, когда мы хотим сделать шрифт тоньше и бледнее, чтобы не загромождать чертеж текстом, размерами, выносками. Или, скажем, при необходимости выделить текст на чертеже). Хотим воспользоваться большим списком спецсимволов – выбираем TTF. Необходим компактный список символов – предпочитаем SHX. Для редактирования информации в PDF-документе стоит выбрать TTF.
В заключение отмечу еще одну особенность nanoCAD: возможность регулировать качество отображения текста с помощью переменной TEXTQLTY.
Чем меньше значение переменной, тем меньше сглаживание текста на экране, но выше скорость перерисовки. Переменная может принимать целые значения в интервале от 0 до 100, а по умолчанию равна 50. Отображение текста при разных значениях TEXTQLTY представлено на рис. 15-16.
Рис. 15. Отображение текста при TEXTQLTY = 40 Рис. 16. Отображение текста при TEXTQLTY = 100
При формировании пакета файлов рекомендую применять команду ETRANSMIT. Так шрифты TTF и SHX не потеряются и, после правильной установки, корректно отобразятся на экране.
Мы рассмотрели основные виды шрифтов, с которыми работает nanoCAD. У обоих есть свои плюсы и минусы, а каким и когда пользоваться – выбирать вам.