Как это работает
1. Загрузите изображение — Перетащите файл или кликните, чтобы загрузить любое изображение с текстом
2. Получите совпадения — Смотрите самые похожие шрифты Google Fonts с живым предпросмотром и готовым кодом для копирования
Зачем делать поисковик шрифтов Google?
Когда Google Fonts только запустился, там было всего 19 шрифтов. Сегодня — больше 1900 семейств. Найти нужный практически невозможно.
К тому же я дизайнер с ограниченным бюджетом и пользуюсь почти исключительно Google Fonts. Они бесплатные, легко подключаются и работают везде. Но каждый раз, когда я искал «альтернативу шрифту _____ из Google Fonts», я попадал на одни и те же блоги о дизайне и треды на Reddit с одними и теми же старыми советами. И это обидно, ведь выбор семейств огроооомный.
А сайты для определения шрифтов, как вы могли заметить, в основном находят премиальные и коммерческие шрифты, использование которых в веб-проекте стоит тысячи долларов. Поэтому я сделал инструмент, который работает исключительно с открытыми, бесплатными шрифтами Google Fonts.
Ну и наконец: недавно я добавил на свой сайт TaperCraft (там можно делать обложки для CD, кассет, VHS, DVD и не только) возможность выбрать любой шрифт Google. И понял, что мне нужен способ эти шрифты определять.
Помните, каким классным был What the Font?
Когда «What the Font?» только появился, он был потрясающим. Но со временем становился всё хуже и хуже.
Появились и новые сайты, но у всех сервисов для поиска шрифтов, на мой взгляд, слишком нервные интерфейсы. Поэтому мне захотелось сделать что-то приятное и с рядом улучшений: вставка изображений прямо из буфера обмена, более быстрая загрузка, больше результатов. К тому же у каждого результата есть кнопка скачивания, кнопка копирования названия шрифта и другие мелкие удобства, которых у других, кажется, нет.
А если шрифта, который вы ищете, нет в Google Fonts, сайт подберёт несколько достаточно похожих. Так что это отличный инструмент и для поиска похожих шрифтов Google. Я сделал его для себя, и мне он оказался очень полезен — надеюсь, пригодится и вам.
Полезные советы
- Используйте чистый и чёткий скриншот шрифта, который хотите определить. Шумные или снятые под углом изображения ухудшают результат.
- Вставляйте изображения прямо из буфера обмена: Cmd + V (или Ctrl + V на PC).
- Вы можете убрать рекламу, став патроном с подпиской ($6/мес) на моём сайте TaperCraft для физических носителей.
И ещё один суперпрофессиональный совет для владельцев Mac: нажмите "Cmd + Shift + 4", а затем удерживайте "control", выделяя область экрана, — изображение скопируется в буфер обмена. Потом возвращайтесь сюда и вставьте его, чтобы определить шрифт.
Частые вопросы
Как определить шрифт по картинке? Загрузите скриншот или фото с текстом, который хотите определить. Инструмент проанализирует типографику и покажет самые похожие шрифты из Google Fonts — все они бесплатны.
Какой бесплатный определитель шрифтов лучший? Большинство определителей предлагают платные шрифты. Этот инструмент ищет совпадения именно среди Google Fonts, поэтому любой результат можно бесплатно использовать в своих проектах.
Как найти шрифт Google, похожий на другой шрифт? Загрузите изображение шрифта, который вам нравится, и получите список похожих шрифтов Google Fonts, отсортированный по степени сходства. У каждого результата есть живой предпросмотр и готовый код.
Можно ли использовать Google Fonts в коммерческих проектах? Да. Все шрифты Google Fonts имеют открытый исходный код и бесплатны как для личных, так и для коммерческих проектов. Без лицензионных отчислений и обязательного указания авторства.
Как добавить шрифт Google на свой сайт? У каждого результата есть код CSS-импорта, который можно скопировать. Вставьте его в свою таблицу стилей и укажите font-family в CSS. Либо нажмите «Скачать шрифт», чтобы работать с ним на своём компьютере.
Что делать, если нужного шрифта нет в Google Fonts? Многие шрифты платные или проприетарные. Этот инструмент находит самые близкие бесплатные альтернативы из Google Fonts с похожей насыщенностью, стилем и пропорциями.
Как вы определяете шрифты — это ИИ? Отчасти. ИИ отлично считывает текст и распознаёт базовые формы букв, но плохо сопоставляет их с реальными шрифтами. Поэтому я сочетаю его с сервером шрифтов, который находит наиболее похожие шрифты. Подробнее о том, как это работает.
Привет, я Текс! Я делаю кучу классных проектов — посмотреть их можно на texs.org! Можете написать мне на почту или написать мне в личку: