Uuri fonte igal lehel
Liiguta kursorit ja klõpsa tekstil, et näha reaalajas fonti, suurust, kaalu, stiili ja värvi—elemendi juures või külgpaneelil—ilma DevTools avamata.
what the font - font finder
Tuvasta font ja CSS-tüpograafia mis tahes veebilehe elemendil—perekond, suurus, kaal, rea kõrgus, tähekaugus, värv ja kontrast—ning kopeeri või ekspordi vajalik ilma vahelehelt lahkumata.
Loodud reaalajas tüpograafia jaoks
Funktsioonid
Olulised tüpograafia üksikasjad
Vaata rea kõrgust, tähekaugust, transformatsiooni, dekoreerimist ja kontrasti (sh AAA/AA vihjed) ühes paneelis.
Kopeeri CSS ühe klõpsuga
Kopeeri fondiperekond, värv või valmis CSS-katkend uuritud elemendi jaoks.
Muuda stiile lehel
Kohanda kaalu, suurust, vahemaid, värvi ja muud reaalajas elemendil, seejärel lähtesta, kui oled uurimise lõpetanud.
Kõik fondid lehel
Skaneeri unikaalseid tekstistiile lehel ja hüppa nende vahel, kui auditeerid disainisüsteemi.
Eksport ja Google Fonts
Ekspordi tüpograafia SCSS- või JSON-vormingus või ava Google Fonts otsing leitud perekonna jaoks.
Lihtne disaini järgi
Meist
Chrome'i laiendus, mis paljastab reaalajas tüpograafia—fondi, suuruse, kaalu, värvi ja kontrasti—nii et saad uurida, kopeerida ja eksportida fonte mis tahes veebilehelt.
- —
- Avaldatud kasutuskogusumma
- —
- Kinnitatud arvustuste arv
Chrome Web Store
Kasutajad meist
Illustratiivsed näidiskommentaarid — Chrome Web Store'i arvustused asendavad need, kui need on ühendatud.
★★★★★
“Saan perekonna, kaalu ja hex-värvi reaalajas saidilt ilma DevTools avamata.”
★★★★★
“CSS ja kontrasti kopeerimine ühes paneelis on täpselt see, mida auditite ajal vajan.”
★★★★★
“Kõik fondid lehel aitab mul kiiresti märgata ebajärjekindlat tüpograafiat maandumislehel.”
Kolm kiiret sammu
Kuidas kasutada
-
Installi laiendus
Lisa what the font - font finder Chrome Web Store'ist ja kinnita see tööriistaribale.
-
Alusta uurimist
Ava hüpikaken, alusta uurimist, seejärel liiguta kursor ja klõpsa mis tahes tekstil lehel.
-
Kopeeri või ekspordi
Kopeeri CSS, ekspordi stiile, ava Google Fonts või sirvi kõiki lehe fonte.
Vastused enne installimist
Korduma kippuvad küsimused
Kuidas tuvastada font veebisaidil?
Installi what the font - font finder, alusta uurimist, liiguta kursor teksti kohale ja klõpsa, et avada paneel perekonna, suuruse, kaalu ja värviga.
Kas saan kopeerida nähtava teksti CSS-i?
Jah. Paneelist saad kopeerida fondiperekonna, värvi või CSS-katkendi uuritud elemendi jaoks.
Kas see töötab igal lehel?
See töötab tavalistel veebilehe vahelehtedel. Chrome'i süsteemilehti ja mõningaid piiratud URL-e ei saa uurida.
Kas saan näha kõiki lehel kasutatud fonte?
Kasuta Kõik fondid lehel, et loetleda unikaalsed nähtavad tekstistiilid ja avada need detailpaneelis.
Kas saan uurimise ajal välimust muuta?
Jah. Muuda elemendi kaalu, suurust, vahemaid, värvi ja seotud stiile, seejärel lähtesta algse taastamiseks.
Kust avan Google Fonts?
Kui perekond tundub otsitav, kasuta paneelis Google Fonts tegevust, et avada selle nimega päring.