Як це працює
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! Можеш написати мені на пошту або написати мені в приват: