What the G$*g!€ Font?! — Rozpoznawaj fonty Google Fonts na podstawie obrazka

Rozpoznaj fonty Google na podstawie obrazka.

Jak to działa

1. Wgraj obrazek — Przeciągnij i upuść albo kliknij, aby wgrać dowolny obrazek z tekstem

2. Zobacz dopasowania — Zobacz najlepiej dopasowane fonty Google Fonts z podglądem na żywo i kodem gotowym do skopiowania

Po co robić wyszukiwarkę fontów Google?

Kiedy Google Fonts startowało, było tam ledwie 19 fontów. Dziś to ponad 1900 rodzin fontów. Znalezienie tego właściwego jest praktycznie niemożliwe.

Poza tym jako projektant z ograniczonym budżetem korzystam właściwie wyłącznie z Google Fonts. Są darmowe, łatwe do wdrożenia i działają wszędzie. Ale gdy tylko szukałem „zamiennika fontu _____ wśród Google Fonts”, trafiałem na te same blogi o designie i wątki na Reddicie, z wciąż tymi samymi propozycjami. A to wkurza, bo rodzin fontów do wyboru jest przecież caaałe mnóstwo.

A jeśli korzystasz ze stron do rozpoznawania fontów, to pewnie już wiesz, że znajdują one głównie fonty premium i komercyjne, które w projekcie webowym kosztują tysiące dolarów. Zbudowałem to narzędzie, żeby skupić się wyłącznie na fontach open source / darmowych / Google Fonts.

No i niedawno dodałem funkcję wyboru dowolnego fontu Google na mojej stronie TaperCraft, która służy do tworzenia okładek CD, kaset, VHS, DVD i nie tylko. Wtedy dotarło do mnie, że potrzebuję sposobu na rozpoznawanie fontów Google.

Pamiętasz czasy, kiedy What the Font było dobre?

Kiedy „What the Font?” się pojawiło, było świetne. Ale z czasem robi się coraz gorsze.

Powstały nowe strony, ale interfejsy wszystkich wyszukiwarek fontów są dla mnie stresujące. Chciałem więc zrobić coś przyjemnego, z kilkoma usprawnieniami. Na przykład możliwość wklejania obrazków ze schowka, szybsze ładowanie i więcej wyników. Do tego każdy wynik ma przycisk pobierania, przycisk kopiowania nazwy fontu i inne udogodnienia, których gdzie indziej jakoś brakuje.

A jeśli szukany font nie istnieje w Google Fonts, ta strona znajdzie sporo takich, które wyglądają wystarczająco podobnie. To więc także świetne narzędzie do znajdowania podobnych fontów Google. Zrobiłem je dla siebie i bardzo mi się przydało — mam nadzieję, że tobie też się przyda.

Pro tipy

  • Użyj czystego, wyraźnego zrzutu ekranu z fontem, który chcesz rozpoznać. Zaszumione lub przekrzywione obrazki pogarszają wyniki.
  • Wklejaj obrazki bezpośrednio skrótem Cmd + V (albo Ctrl + V na PC).
  • Możesz pozbyć się reklam, zostając patronem i wykupując subskrypcję (6 $/mies.) na mojej stronie TaperCraft poświęconej nośnikom fizycznym.

Jeszcze jeden mega pro tip dla posiadaczy Maca: naciśnij „Cmd + Shift + 4”, a potem przytrzymaj „control” podczas zaznaczania fragmentu ekranu — obrazek trafi prosto do schowka. Wróć potem na tę stronę i wklej go, żeby rozpoznać font.

Najczęstsze pytania

Jak rozpoznać font na obrazku? Wgraj zrzut ekranu lub zdjęcie z tekstem, który chcesz rozpoznać. Narzędzie przeanalizuje typografię i pokaże najbardziej podobne fonty z Google Fonts, których możesz używać za darmo.

Jaka jest najlepsza darmowa wyszukiwarka fontów? Większość narzędzi do rozpoznawania fontów podsuwa fonty premium, za które trzeba płacić. To narzędzie dopasowuje wyłącznie do Google Fonts, więc każdy wynik możesz za darmo wykorzystać w swoich projektach.

Jak znaleźć font Google podobny do innego fontu? Wgraj obrazek z fontem, który ci się podoba, a dostaniesz listę podobnych fontów Google uszeregowaną według stopnia dopasowania. Każdy wynik zawiera podgląd na żywo i kod gotowy do skopiowania.

Czy fonty Google są darmowe do użytku komercyjnego? Tak. Wszystkie fonty Google Fonts są open source i darmowe zarówno w projektach prywatnych, jak i komercyjnych. Bez opłat licencyjnych i bez wymogu podawania autora.

Jak dodać font Google do swojej strony? Każdy wynik zawiera kod importu CSS do skopiowania. Wklej go do arkusza stylów, a potem użyj font-family w swoim CSS. Możesz też kliknąć „Pobierz font”, żeby pracować z nim na własnym komputerze.

A jeśli dokładnie tego fontu nie ma w Google Fonts? Wiele fontów jest płatnych lub zamkniętych. To narzędzie znajduje najbliższe darmowe zamienniki z Google Fonts o podobnych cechach — grubości, stylu i proporcjach.

Jak rozpoznajesz czcionki – czy to AI? Poniekąd. AI świetnie radzi sobie z odczytaniem tekstu i rozpoznaniem podstawowych kształtów liter, ale kiepsko dopasowuje je do prawdziwych czcionek. Dlatego łączę ją z serwerem czcionek, który znajduje najbardziej podobne czcionki. Przeczytaj więcej o tym, jak to działa.

Cześć, jestem Tex i tworzę całą masę fajnych projektów — wszystkie znajdziesz na texs.org! Śmiało napisz do mnie maila albo wyślij mi DM-a: