Provjerite fontove na bilo kojoj stranici
Zadržite pokazivač miša i kliknite na tekst da biste vidjeli font uživo, veličinu, težinu, stil i boju—u blizini elementa ili na bočnoj traci—bez otvaranja DevTools.
Prepoznajte tipografiju i CSS tipografiju na bilo kojem elementu web-stranice—obitelj, veličinu, težinu, visinu retka, razmak između slova, boju i kontrast—a zatim kopirajte ili izvezite ono što trebate bez napuštanja kartice.
Napravljen za živu tipografiju
Zadržite pokazivač miša i kliknite na tekst da biste vidjeli font uživo, veličinu, težinu, stil i boju—u blizini elementa ili na bočnoj traci—bez otvaranja DevTools.
Čitajte visinu retka, razmak između slova, transformaciju, dekoraciju i kontrast (uključujući znakove AAA/AA) na jednoj ploči.
Kopirajte obitelj fonta, boju ili spremni CSS isječak za element koji ste pregledali.
Podesite težinu, veličinu, razmak, boju i više na živom elementu, a zatim resetirajte kada završite s istraživanjem.
Skenirajte jedinstvene stilove teksta po stranici i prelazite između njih prilikom revizije sustava dizajna.
Izvezite tipografiju kao __SCSSLIT__ ili JSON ili otvorite Google Fonts pretragu za obitelj koju ste pronašli.
Jednostavan po dizajnu
Chrome proširenje koje otkriva živu tipografiju—font, veličinu, težinu, boju i kontrast—tako da možete pregledavati, kopirati i izvoziti fontove s bilo koje web stranice.
Chrome Web Store
Ilustrativna rezervirana mjesta za povratne informacije — Chrome Web Store recenzije će ih zamijeniti kada se povežu.
“Mogu dohvatiti obitelj, težinu i heksadecimalnu boju s web mjesta uživo bez otvaranja DevToolsa.”
“Kopiraj CSS i kontrast na jednoj ploči upravo je ono što mi treba tijekom revizija.”
“Svi fontovi na stranici pomažu mi da brzo uočim nedosljedne tipove na odredišnoj stranici.”
Tri brza koraka
Dodajte what the font - font finder iz Chrome Web Store i prikvačite ga na alatnu traku.
Otvorite skočni prozor, počnite pregledavati, zatim zadržite pokazivač i kliknite na bilo koji tekst na stranici.
Kopirajte CSS, izvezite stilove, otvorite Google Fonts ili pregledajte sve fontove na stranici.
Odgovori prije instalacije
Instalirajte what the font - font finder, počnite pregledavati, zadržite pokazivač miša iznad teksta i kliknite da biste otvorili ploču s obitelji, veličinom, težinom i bojom.
Da. S ploče možete kopirati obitelj fonta, boju ili CSS isječak za pregledani element.
Radi na uobičajenim karticama web stranice. Stranice sustava Chrome i neki ograničeni URL-ovi ne mogu se pregledati.
Koristite Sve fontove na stranici za popis jedinstvenih vidljivih stilova teksta i otvaranje bilo kojeg od njih na ploči s detaljima.
Da. Uredite težinu, veličinu, razmak, boju i povezane stilove na elementu, a zatim poništite da vratite izvornik.
Kada obitelj izgleda pretraživa, upotrijebite radnju Google Fonts na ploči da otvorite upit za to ime.
Nastavite istraživati