Tarkista fontit millä tahansa sivulla
Vie hiiri tekstin päälle ja napsauta nähdäksesi live-fontin, koon, painon, tyylin ja värin—elementin vieressä tai sivupaneelissa—avaamatta DevToolsia.
what the font - font finder
Tunnista fontti ja CSS-typografia millä tahansa verkkosivun elementillä—perhe, koko, paino, riviväli, kirjainväli, väri ja kontrasti—ja kopioi tai vie tarvitsemasi poistumatta välilehdeltä.
Rakennettu live-typografiaan
Ominaisuudet
Tärkeät typografian yksityiskohdat
Lue riviväli, kirjainväli, muunnos, koristelu ja kontrasti (mukaan lukien AAA/AA-vihjeet) yhdessä paneelissa.
Kopioi CSS yhdellä napsautuksella
Kopioi fonttiperhe, väri tai valmis CSS-katkelma tarkistamallesi elementille.
Muokkaa tyylejä sivulla
Säädä painoa, kokoa, välejä, väriä ja muuta live-elementissä ja palauta alkuperäinen, kun olet valmis.
Kaikki sivun fontit
Skannaa sivun uniikit tekstityylit ja siirry niiden välillä design system -auditoinnissa.
Vienti ja Google Fonts
Vie typografia SCSS- tai JSON-muodossa tai avaa Google Fonts -haku löytämällesi perheelle.
Yksinkertainen suunnittelultaan
Meistä
Chrome-laajennus, joka paljastaa live-typografian—fontin, koon, painon, värin ja kontrastin—jotta voit tarkistaa, kopioida ja viedä fontteja mistä tahansa verkkosivulta.
- —
- Julkaistu käyttö yhteensä
- —
- Vahvistettu arvostelumäärä
Chrome Web Store
Käyttäjät meistä
Havainnollistavia esimerkkikommentteja — Chrome Web Store -arvostelut korvaavat ne, kun ne on yhdistetty.
★★★★★
“Voin hakea perheen, painon ja hex-värin live-sivustolta avaamatta DevToolsia.”
★★★★★
“CSS:n ja kontrastin kopiointi yhdessä paneelissa on juuri sitä, mitä tarvitsen auditoinneissa.”
★★★★★
“Kaikki sivun fontit auttaa minua huomaamaan epäjohdonmukaisen typografian landing pagella nopeasti.”
Kolme nopeaa vaihetta
Käyttöohje
-
Asenna laajennus
Lisää what the font - font finder Chrome Web Storesta ja kiinnitä se työkalupalkkiin.
-
Aloita tarkistus
Avaa ponnahdusikkuna, aloita tarkistus ja vie hiiri minkä tahansa tekstin päälle ja napsauta.
-
Kopioi tai vie
Kopioi CSS, vie tyylit, avaa Google Fonts tai selaa kaikkia sivun fontteja.
Vastaukset ennen asennusta
Usein kysytyt kysymykset
Miten tunnistan fontin verkkosivustolla?
Asenna what the font - font finder, aloita tarkistus, vie hiiri tekstin päälle ja napsauta avataksesi paneelin perheellä, koolla, painolla ja värillä.
Voinko kopioida näkemäni tekstin CSS:n?
Kyllä. Paneelista voit kopioida fonttiperheen, värin tai CSS-katkelman tarkistetulle elementille.
Toimiiko se kaikilla sivuilla?
Se toimii tavallisilla verkkosivuvälilehdillä. Chromen järjestelmäsivuja ja joitakin rajoitettuja URL-osoitteita ei voi tarkistaa.
Voinko nähdä kaikki sivulla käytetyt fontit?
Käytä Kaikki sivun fontit -toimintoa listataksesi uniikit näkyvät tekstityylit ja avataksesi ne tietopaneelissa.
Voinko muuttaa ulkoasua tarkistuksen aikana?
Kyllä. Muokkaa painoa, kokoa, välejä, väriä ja liittyviä tyylejä elementissä ja palauta sitten alkuperäinen.
Mistä avaan Google Fontsin?
Kun perhe vaikuttaa haettavalta, käytä paneelin Google Fonts -toimintoa avataksesi haun kyseisellä nimellä.