Pregledajte fontove na bilo kojoj stranici
Zadržite pokazivač miša i kliknite na tekst da biste vidjeli font, veličinu, težinu, stil i boju – u blizini elementa ili na bočnoj traci – bez otvaranja DevTools.
what the font - font finder
Identifikujte font i CSS tipografiju na bilo kojem elementu web stranice – familiju, veličinu, težinu, visinu reda, razmak između slova, boju i kontrast – a zatim kopirajte ili izvezite ono što vam je potrebno bez napuštanja kartice.
Napravljen za živu tipografiju
Karakteristike
Tipografski detalji koji su bitni
Pročitajte visinu reda, razmak između slova, transformaciju, dekoraciju i kontrast (uključujući AAA/AA znakove) na jednom panelu.
Kopirajte CSS jednim klikom
Kopirajte porodicu fontova, boju ili spreman CSS isječak za element koji ste pregledali.
Uredite stilove na stranici
Podesite težinu, veličinu, razmak, boju i još mnogo toga na živom elementu, a zatim resetujte kada završite sa istraživanjem.
Svi fontovi na stranici
Skenirajte jedinstvene stilove teksta preko stranice i skačite između njih prilikom revizije sistema dizajna.
Izvoz i Google fontovi
Izvezite tipografiju kao SCSS ili JSON ili otvorite pretragu Google Fontova za porodicu koju ste pronašli.
Jednostavno po dizajnu
O nama
Chrome proširenje koje otkriva tipografiju uživo – font, veličinu, težinu, boju i kontrast – tako da možete pregledati, kopirati i izvesti fontove sa bilo koje web stranice.
- —
- Ukupno objavljeno korištenje
- —
- Broj potvrđenih recenzija
Chrome web trgovina
Korisnici o nama
Ilustrativni čuvari mjesta za povratne informacije — recenzije Chrome web trgovine će ih zamijeniti kada su povezani.
★★★★★
“Mogu preuzeti porodicu, težinu i heksadecimalnu boju sa stranice uživo bez otvaranja DevTools-a.”
★★★★★
“Kopiraj CSS i kontrast u jednom panelu je upravo ono što mi treba tokom revizije.”
★★★★★
“Svi fontovi na stranici pomažu mi da brzo uočim nedosljedan tip na odredišnoj stranici.”
Tri brza koraka
Kako koristiti
-
Instalirajte ekstenziju
Dodajte what the font - font finder iz Chrome web trgovine i zakačite ga na traku sa alatkama.
-
Počnite sa inspekcijom
Otvorite skočni prozor, počnite pregledavati, zatim zadržite pokazivač miša i kliknite bilo koji tekst na stranici.
-
Kopirajte ili izvezite
Kopirajte CSS, izvezite stilove, otvorite Google Fontove ili pregledajte sve fontove na stranici.
Odgovori prije instalacije
FAQ
Kako mogu prepoznati font na web stranici?
Instalirajte what the font - font finder, počnite pregledavati, zadržite pokazivač miša na tekstu i kliknite da otvorite panel sa porodicom, veličinom, težinom i bojom.
Mogu li kopirati CSS za tip koji vidim?
Da. Sa panela možete kopirati porodicu fontova, boju ili CSS isječak za pregledani element.
Da li radi na svakoj stranici?
Radi na uobičajenim karticama web stranice. Chrome sistemske stranice i neki ograničeni URL-ovi ne mogu se pregledati.
Mogu li vidjeti sve korištene fontove na stranici?
Koristite Sve fontove na stranici da navedete jedinstvene vidljive stilove teksta i otvorite bilo koji od njih na panelu sa detaljima.
Mogu li promijeniti izgled tokom pregleda?
Da. Uredite težinu, veličinu, razmak, boju i povezane stilove na elementu, a zatim resetirajte da biste vratili original.
Odakle mogu otvoriti Google Fontove?
Kada porodica izgleda pretraživa, koristite akciju Google Fontovi na panelu da otvorite upit za to ime.