WhatFont – rozpoznaj czcionkę na stronie i na obrazku

Co to za czcionka? Rozpoznaj dowolny font na stronie lub na obrazku: rodzina, rozmiar, grubość, kolor i wszystkie fonty.

Co to za czcionka? Rozpoznaj dowolny font na stronie lub na obrazku — jednym kliknięciem WhatFont zamienia każdą stronę we wzornik typograficzny. Najedź kursorem na tekst, aby zobaczyć czcionkę faktycznie wyrenderowaną, kliknij po pełną specyfikację CSS albo zaznacz logo, żeby rozpoznać font na obrazku. Bez DevTools, bez „Zbadaj element" i bez zgadywania. 🔍 ROZPOZNAWANIE CZCIONKI NA KAŻDEJ STRONIE • Najedź kursorem — podpowiedź pokaże czcionkę naprawdę użytą, a nie listę z CSS • Kliknij po komplet danych: rodzina, rozmiar, interlinia, grubość, styl i światło międzyliterowe • Cały stos czcionek z podświetleniem tej, którą wybrała przeglądarka • Strzałki prowadzą po strukturze strony — nawet najdrobniejszy podpis jest w zasięgu 🖼️ CZCIONKA Z OBRAZKA I LOGO • Zaznacz dowolny obszar ekranu: logo, baner, zrzut ekranu, kadr z filmu • Wyślij go jednym kliknięciem do wyszukiwania wizualnego Adobe Fonts lub WhatTheFont • Albo zapisz wycinek jako PNG i skopiuj do schowka 🗂️ WSZYSTKIE CZCIONKI STRONY NARAZ • Jedno kliknięcie wypisuje każdy krój, którego używa strona • Dla każdego: ile elementów, jakie grubości i jakie rozmiary • Skopiuj nazwę albo przejdź prosto do tego tekstu na stronie 🎨 KOLORY, KONTRAST I GOTOWY CSS • Kolor tekstu w HEX i RGB — kliknij wartość, aby ją skopiować • Współczynnik kontrastu WCAG względem prawdziwego tła z oceną AA / AAA • Kopiuj CSS: cała deklaracja czcionki, gotowa do wklejenia w arkusz stylów • Źródło czcionki: Google Fonts, Adobe Fonts, sama witryna lub font systemowy, z odnośnikiem ⚡ JAK TO DZIAŁA 1. Kliknij ikonę WhatFont albo naciśnij Alt+Shift+F 2. Najedź kursorem na tekst, aby zobaczyć jego czcionkę 3. Kliknij tekst po szczegóły albo naciśnij Capture, aby rozpoznać font na obrazku 4. Esc wyłącza inspektora DLA PROJEKTANTÓW I DEWELOPERÓW Zbieraj inspiracje typograficzne, odtwarzaj system projektowy, trafiaj w firmowy krój klienta, sprawdzaj dostępność kolorów tekstu albo w kilka sekund odpowiadaj na pytanie „jakiej czcionki używa ta strona?". 🔒 PRYWATNOŚĆ WhatFont działa wewnątrz przeglądarki i nie zbiera ani nie przesyła danych o przeglądanych stronach. Wycinek opuszcza przeglądarkę dopiero wtedy, gdy sam wybierzesz usługę wyszukiwania. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.