Sprawdź czcionki na dowolnej stronie
Najedź kursorem i kliknij tekst, aby zobaczyć aktywny krój pisma, rozmiar, grubość, styl i kolor — w pobliżu elementu lub na pasku bocznym — bez otwierania DevTools.
what the font - font finder
Zidentyfikuj krój pisma i typografię CSS dowolnego elementu strony internetowej — rodzinę, rozmiar, grubość, wysokość linii, odstępy między literami, kolor i kontrast — a następnie skopiuj lub wyeksportuj to, czego potrzebujesz, bez opuszczania karty.
Stworzony do typografii na żywo
Cechy
Szczegóły typografii, które mają znaczenie
Przeczytaj wysokość linii, odstępy między literami, transformację, dekorację i kontrast (w tym wskazówki AAA/AA) w jednym panelu.
Skopiuj CSS jednym kliknięciem
Skopiuj rodzinę czcionek, kolor lub gotowy fragment kodu CSS dla sprawdzanego elementu.
Edytuj style na stronie
Dostosuj wagę, rozmiar, odstępy, kolor i inne elementy aktywnego elementu, a następnie zresetuj po zakończeniu eksploracji.
Wszystkie czcionki na stronie
Skanuj unikalne style tekstu na całej stronie i przeskakuj między nimi podczas audytu systemu projektowego.
Eksportuj i Google Fonts
Eksportuj typografię jako __SCSSLIT__ lub JSON lub otwórz Google Fonts wyszukiwanie znalezionej rodziny.
Prosty projekt
O nas
Rozszerzenie Chrome, które wyświetla typografię na żywo — krój pisma, rozmiar, grubość, kolor i kontrast — dzięki czemu możesz sprawdzać, kopiować i eksportować czcionki z dowolnej strony internetowej.
- —
- Opublikowana suma wykorzystania
- —
- Zweryfikowana liczba recenzji
Chrome Web Store
Użytkownicy o nas
Ilustracyjne przykładowe opinie — recenzje z Chrome Web Store zastąpią je po podłączeniu.
★★★★★
“Mogę pobrać rodzinę, grubość i kolor hex ze strony na żywo bez otwierania DevTools.”
★★★★★
“Kopiowanie CSS i kontrastu w jednym panelu to dokładnie to, czego potrzebuję podczas audytów.”
★★★★★
“Wszystkie czcionki na stronie pomagają mi szybko wychwycić niespójną typografię na landing page.”
Trzy szybkie kroki
Jak używać
-
Zainstaluj rozszerzenie
Dodaj what the font - font finder z Chrome Web Store i przypnij go do paska narzędzi.
-
Rozpocznij kontrolę
Otwórz wyskakujące okienko, rozpocznij sprawdzanie, a następnie najedź kursorem i kliknij dowolny tekst na stronie.
-
Skopiuj lub eksportuj
Skopiuj CSS, wyeksportuj style, otwórz Google Fonts lub przejrzyj wszystkie czcionki na stronie.
Odpowiedzi przed instalacją
Często zadawane pytania
Jak rozpoznać czcionkę na stronie internetowej?
Zainstaluj what the font - font finder, rozpocznij sprawdzanie, najedź kursorem na tekst i kliknij, aby otworzyć panel z rodziną, rozmiarem, wagą i kolorem.
Czy mogę skopiować CSS dla typu, który widzę?
Tak. Z panelu możesz skopiować rodzinę czcionek, kolor lub fragment kodu CSS sprawdzanego elementu.
Czy to działa na każdej stronie?
Działa na zwykłych zakładkach witryny. Nie można sprawdzić stron systemowych Chrome i niektórych zastrzeżonych adresów URL.
Czy mogę zobaczyć wszystkie czcionki użyte na stronie?
Użyj opcji Wszystkie czcionki na stronie, aby wyświetlić listę unikalnych widocznych stylów tekstu i otworzyć dowolny z nich w panelu szczegółów.
Czy mogę zmienić wygląd podczas kontroli?
Tak. Edytuj wagę, rozmiar, odstępy, kolor i powiązane style elementu, a następnie zresetuj, aby przywrócić oryginał.
Skąd mogę otworzyć Google Fonts?
Gdy rodzina wygląda na przeszukiwalną, użyj akcji Google Fonts w panelu, aby otworzyć zapytanie o tę nazwę.