Rozpoznanie kroju pisma bywa potrzebne w najmniej wygodnym momencie: przy odtwarzaniu logo, plakatu albo identyfikacji wizualnej, gdy masz tylko zdjęcie lub zrzut ekranu. Pokażę, jak podejść do tego zadania krok po kroku, jakie narzędzia wykorzystać, jak przygotować próbkę i po czym poznać, że znaleziony wynik jest tylko podobny, a nie identyczny.
Najkrótsza droga prowadzi od źródła do dobrej próbki
- Strona internetowa pozwala często sprawdzić nazwę fontu bez używania narzędzi graficznych.
- Przy zdjęciu lub logo najlepiej przygotować wyraźny, poziomy kadr z dużymi literami.
- Serwisy takie jak WhatTheFont i Matcherator podają najczęściej propozycje podobnych krojów, nie gwarantują identycznego trafienia.
- Najwięcej informacji dają charakterystyczne znaki, między innymi małe „a”, „g”, „e” oraz cyfry.
- Ostateczny wybór trzeba potwierdzić przez porównanie polskich znaków, grubości, szerokości i odstępów między literami.
Najpierw sprawdź, skąd pochodzi napis
Metoda zależy przede wszystkim od tego, czy oglądasz żywy tekst na stronie, czy tylko jego spłaszczony obraz. To rozróżnienie oszczędza sporo czasu, bo w pierwszym przypadku nazwa kroju może być zapisana bezpośrednio w kodzie witryny.
Strona internetowa
W przeglądarce klikam tekst prawym przyciskiem i wybieram opcję sprawdzenia elementu. W panelu deweloperskim szukam reguły CSS font-family, a potem sprawdzam także font-weight, font-style i ewentualne font-stretch. Sama nazwa rodziny, na przykład „Inter”, nie wystarczy, jeśli napis używa odmiany Semi Bold albo wersji skondensowanej.
Pomocne bywają również rozszerzenia do przeglądarki pokazujące krój po wskazaniu kursorem. Traktuję je jednak jako skrót, nie ostateczny dowód. Strona może korzystać z kilku fontów, zmieniać krój zależnie od szerokości ekranu albo wyświetlać tekst jako SVG, obraz lub element zamieniony na krzywe.
Plik graficzny, zdjęcie lub logo
Jeżeli napis jest częścią obrazu, nie da się odczytać jego nazwy z samego pliku JPG czy PNG. Program rozpoznający analizuje kształty liter i porównuje je z bazą fontów, dlatego wynik zależy od jakości materiału, liczby znaków oraz tego, czy litery nie zostały mocno zmodyfikowane.
W przypadku logo trzeba zachować szczególną ostrożność. Logotyp często powstaje na bazie gotowego kroju, ale później projektant zmienia szerokość znaków, odstępy, zakończenia i pojedyncze litery. Algorytm może wtedy wskazać font wyjściowy, jednak do wiernego odtworzenia potrzebna będzie ręczna korekta.
Przygotuj obraz tak, aby litery były czytelne
Najczęstszy błąd polega na przesłaniu całego plakatu, fotografii szyldu albo ekranu telefonu. Narzędzie musi wtedy oddzielić litery od tła, dekoracji i innych napisów. Zdecydowanie lepszy efekt daje ciasno przycięty fragment z jednym wierszem tekstu.
- Wybierz napis o wysokości co najmniej kilkudziesięciu pikseli, a najlepiej większy.
- Przytnij kadr tak, aby tekst zajmował większość obrazu.
- Wyprostuj zdjęcie i ustaw litery poziomo.
- Zwiększ kontrast, jeśli tło zlewa się z napisem.
- Usuń cienie, odbicia i elementy, które mogą zostać odczytane jako znaki.
- Przygotuj drugi wariant obrazu, jeśli pierwszy wynik będzie nieprzekonujący.
Najbardziej przydatna jest próbka zawierająca różne formy liter, a nie tylko powtarzające się „lllll”. Szukam przede wszystkim znaków takich jak „a”, „g”, „R”, „Q”, „M”, „e” oraz cyfr, bo ich budowa często mocno odróżnia jeden krój od drugiego.
Zdjęcie zrobione pod kątem można najpierw wyprostować i wykadrować. Przy napisie na szyldzie dobrze działa korekcja perspektywy, natomiast przy fotografii wydrukowanej kartki trzeba uważać na nierówne światło. Jeżeli litery są rozmazane albo częściowo zasłonięte, nawet najlepszy identyfikator będzie raczej zgadywał niż rozpoznawał.
Wybierz narzędzie dopasowane do materiału
Do prostych zastosowań nie potrzebuję rozbudowanego programu. Najpierw korzystam z narzędzia internetowego, a dopiero potem sprawdzam wynik w katalogach fontów. Różne rozwiązania mają jednak inne mocne strony.
| Materiał | Najlepsza metoda | Co można uzyskać |
|---|---|---|
| Tekst na stronie | Inspekcja CSS lub rozszerzenie przeglądarki | Rzeczywistą nazwę rodziny i często grubość |
| Czysty zrzut ekranu | Identyfikator obrazu | Listę fontów podobnych do próbki |
| Zdjęcie szyldu lub plakatu | Kadrowanie, korekcja perspektywy i identyfikacja obrazu | Przybliżony krój, jeśli litery są wyraźne |
| Logo z nietypowymi literami | Porównanie znaków i ręczna analiza | Font bazowy albo najbliższy zamiennik |
WhatTheFont i podobne serwisy
WhatTheFont od MyFonts pozwala przesłać obraz, zaznaczyć napis i otrzymać propozycje dopasowanych krojów. Matcherator firmy Font Squirrel działa według podobnej zasady, ale daje także możliwość pominięcia niepewnych znaków. To przydatne, gdy jeden fragment zdjęcia jest uszkodzony lub litera została nietypowo narysowana.
Nie traktuję pierwszego wyniku jako pewnika. Serwisy są dobre w znajdowaniu najbliższej rodziny wizualnej, ale słabiej radzą sobie z pismem odręcznym, fontami ozdobnymi, bardzo krótkimi napisami i literami połączonymi w ligatury. Ligatura to połączenie dwóch lub większej liczby znaków w jeden glif, czyli pojedynczy kształt używany przez font.
Adobe Photoshop
Jeśli pracujesz już w Photoshopie, funkcja Match Font pozwala zaznaczyć fragment obrazu narzędziem zaznaczenia i wyświetlić podobne fonty. Adobe może pokazać kroje dostępne lokalnie oraz propozycje z Adobe Fonts. W praktyce jest to wygodne rozwiązanie dla grafika, który od razu chce użyć znalezionego zamiennika w projekcie.
Do jednorazowego rozpoznania nie kupowałbym specjalnie programu. Darmowe narzędzie online i dokładna weryfikacja zwykle wystarczą. Photoshop ma większy sens wtedy, gdy i tak retuszujesz obraz, poprawiasz perspektywę albo przygotowujesz na jego podstawie nową kompozycję.
Nie zgaduj po ogólnym wrażeniu
Dwie czcionki mogą wyglądać niemal identycznie w nagłówku, a wyraźnie różnić się w tekście ciągłym. Dlatego zamiast oceniać napis jako „nowoczesny” czy „elegancki”, porównuję konkretne elementy konstrukcji.
- Małe „a” może być jednopiętrowe, jak w piśmie odręcznym, albo dwupiętrowe, typowe dla wielu krojów tekstowych.
- Małe „g” występuje między innymi w wersji jednopiętrowej i dwupiętrowej.
- Końcówki liter pokazują, czy mamy do czynienia z szeryfami, czyli krótkimi zakończeniami kresek.
- Oś litery „o” i kontrast między grubymi a cienkimi liniami pomagają odróżnić antykwy.
- Cyfry bywają bardzo charakterystyczne, szczególnie „1”, „2”, „4”, „6” i „9”.
- Litera „R” i „Q” często zdradza projektanta bardziej niż popularne „A” lub „E”.
W liternictwie znaczenie ma także odstęp między znakami. To kerning, czyli indywidualne dopasowanie przestrzeni pomiędzy konkretnymi parami liter. Gdy kopiujesz logo, nie wystarczy znaleźć podobny font i wpisać ten sam tekst. Zmiana kerningu o kilka jednostek może sprawić, że napis nadal będzie wyglądał inaczej.
Sprawdzam również polskie znaki. Font może pasować do alfabetu łacińskiego, ale mieć nieudane „ą”, „ę”, „ł” albo „ż”. Jeżeli projekt jest przeznaczony dla polskiego odbiorcy, brak poprawnej obsługi znaków diakrytycznych dyskwalifikuje krój, nawet gdy litery bez ogonków wyglądają idealnie.
Co zrobić, gdy wynik nie jest trafiony
Brak jednoznacznej odpowiedzi nie musi oznaczać błędu po Twojej stronie. Czasem napis został narysowany ręcznie, pochodzi z bardzo małej biblioteki albo jest wynikiem modyfikacji istniejącego fontu. W takiej sytuacji warto zmienić próbkę, zamiast wielokrotnie przesyłać ten sam obraz.
Powtórz analizę na innym fragmencie
Jeśli pierwszy kadr zawiera tylko wielkie litery, spróbuj znaleźć fragment z małymi. Jeżeli narzędzie pomyliło „c” i „e”, usuń te znaki z próbki albo wybierz słowo z bardziej rozpoznawalnymi formami. Czasem jedna charakterystyczna litera daje lepszy rezultat niż długi, ale rozmazany napis.
Przeczytaj również: Jak wybrać krój cyfr do projektu? Praktyczny przewodnik
Sprawdź, czy problemem nie jest styl
Font może mieć kilka odmian: Light, Regular, Medium, Bold, Italic lub Condensed. Algorytm rozpozna rodzinę, ale nie zawsze poprawnie określi jej grubość i szerokość. Porównuj więc nie tylko kształt liter, lecz także proporcje, wysokość x, grubość kreski i szerokość całego wiersza. Wysokość x to wysokość małych liter bez wydłużeń, na przykład „a” lub „e”.
Przy piśmie odręcznym i kaligraficznym nazwa konkretnego fontu bywa mniej ważna niż charakter pisma. Szukałbym wtedy kroju o podobnym rytmie, pochyleniu i sposobie łączenia znaków. Wierne odtworzenie może wymagać ręcznego narysowania kilku liter w programie wektorowym.
Potwierdź nazwę przed użyciem w projekcie
Gdy otrzymasz kilka propozycji, wpisz w każdej z nich dokładnie ten sam tekst. Najlepiej użyć krótkiego zestawu zawierającego wielkie i małe litery, cyfry oraz polskie znaki. Porównanie na jednej planszy jest bardziej wiarygodne niż klikanie między kartami przeglądarki.
Sprawdź także licencję. Font znaleziony w serwisie może być darmowy do użytku osobistego, ale płatny w projekcie komercyjnym. Szczególną uwagę zwracam na zastosowanie w logo, reklamie, opakowaniu i publikacji drukowanej, bo tam licencja może obejmować inne zasady niż przy zwykłym dokumencie.
| Co porównać | Dlaczego ma znaczenie |
|---|---|
| Kształt „a”, „g”, „R” i „Q” | To jedne z najbardziej charakterystycznych znaków kroju |
| Polskie znaki | Pokazują, czy font nadaje się do polskiego tekstu |
| Grubość i szerokość | Odmiana Bold lub Condensed może całkowicie zmienić wygląd napisu |
| Odstępy i kerning | Decydują o rytmie oraz podobieństwie całej kompozycji |
| Licencja | Chroni przed użyciem fontu niezgodnie z warunkami autora |
Jeśli identyfikator wskazał kilka krojów, wybieram ten, który zachowuje najwięcej cech w najważniejszych znakach, a nie ten, którego nazwa brzmi najbardziej znajomo. Podobieństwo wizualne i poprawne polskie znaki są w praktyce ważniejsze niż sam wynik automatycznego rankingu.
Rozpoznany krój to początek dobrej typografii
Najprostszy schemat wygląda tak: najpierw sprawdź źródło tekstu, potem przygotuj czysty obraz, uruchom identyfikator i na końcu ręcznie porównaj wynik. Taka kolejność działa szybciej niż zgadywanie po nazwach popularnych fontów.
Jeżeli nie uda się znaleźć identycznego kroju, nie oznacza to porażki. W liternictwie często ważniejsze jest zachowanie charakteru, rytmu i proporcji napisu niż zdobycie dokładnie tego samego pliku. Dobry zamiennik, poprawiony kerning i dopracowane polskie znaki mogą dać lepszy efekt niż przypadkowe użycie oryginalnego fontu bez kontroli nad składem.
