Pregledujte pisave na kateri koli strani
Premaknite kazalec in kliknite besedilo, da vidite pisavo, velikost, debelino, slog in barvo v živo—pri elementu ali v stranski vrstici—brez odpiranja DevTools.
what the font - font finder
Identificirajte pisavo in CSS tipografijo katerega koli elementa na spletni strani—družino, velikost, debelino, višino vrstice, razmik med črkami, barvo in kontrast—nato kopirajte ali izvozite, kar potrebujete, ne da bi zapustili zavihek.
Ustvarjeno za tipografijo v živo
Funkcije
Tipografske podrobnosti, ki štejejo
Preberite višino vrstice, razmik med črkami, transformacijo, dekoracijo in kontrast (vključno z indikatorji AAA/AA) v enem panelu.
Kopirajte CSS z enim klikom
Kopirajte družino pisave, barvo ali pripravljen CSS izrezek za pregledani element.
Uredite sloge na strani
Prilagodite debelino, velikost, razmike, barvo in več na elementu v živo, nato ponastavite, ko končate z raziskovanjem.
Vse pisave na strani
Preglejte edinstvene sloge besedila na strani in preklapljajte med njimi pri reviziji oblikovalskega sistema.
Izvoz in Google Fonts
Izvozite tipografijo kot SCSS ali JSON ali odprite iskanje v Google Fonts za najdeno družino.
Preprosto po zasnovi
O nas
Razširitev Chrome, ki razkrije tipografijo v živo—pisavo, velikost, debelino, barvo in kontrast—da lahko pregledujete, kopirate in izvažate pisave s katere koli spletne strani.
- —
- Objavljena skupna uporaba
- —
- Preverjeno število ocen
Chrome Web Store
Uporabniki o nas
Ilustrativni primeri povratnih informacij — ocene iz Chrome Web Store jih bodo nadomestile, ko bodo povezane.
★★★★★
“Z live spletne strani lahko vzamem družino, debelino in hex barvo brez odpiranja DevTools.”
★★★★★
“Kopiranje CSS in kontrasta v enem panelu je točno to, kar potrebujem med revizijami.”
★★★★★
“Vse pisave na strani mi pomagajo hitro opaziti nedosledno tipografijo na pristajalni strani.”
Tri hitri koraki
Kako uporabljati
-
Namestite razširitev
Dodajte what the font - font finder iz Chrome Web Store in ga pripnite v orodno vrstico.
-
Začnite pregledovati
Odprite pojavno okno, začnite pregledovati, nato premaknite kazalec in kliknite poljubno besedilo na strani.
-
Kopirajte ali izvozite
Kopirajte CSS, izvozite sloge, odprite Google Fonts ali brskajte po vseh pisavah na strani.
Odgovori pred namestitvijo
Pogosta vprašanja
Kako identificiram pisavo na spletni strani?
Namestite what the font - font finder, začnite pregledovati, premaknite kazalec nad besedilo in kliknite, da odprete panel z družino, velikostjo, debelino in barvo.
Ali lahko kopiram CSS za besedilo, ki ga vidim?
Da. Iz panela lahko kopirate družino pisave, barvo ali CSS izrezek za pregledani element.
Ali deluje na vsaki strani?
Deluje na običajnih zavihkih spletnih strani. Sistemske strani Chrome in nekateri omejeni URL-ji se ne morejo pregledovati.
Ali lahko vidim vse pisave, uporabljene na strani?
Uporabite Vse pisave na strani, da naštejete edinstvene vidne sloge besedila in odprete katerega koli v panelu podrobnosti.
Ali lahko spremenim videz med pregledovanjem?
Da. Uredite debelino, velikost, razmike, barvo in sorodne sloge elementa, nato ponastavite, da obnovite izvirnik.
Kje odprem Google Fonts?
Ko se družina zdi iskalna, uporabite dejanje Google Fonts v panelu, da odprete poizvedbo za to ime.