Peržiūrėkite šriftus bet kurioje puslapio vietoje
Užveskite pelę ir spustelėkite tekstą, kad pamatytumėte esamą šriftą, dydį, storį, stilių ir spalvą—šalia elemento arba šoninėje juostoje—neatidarydami DevTools.
what the font - font finder
Atpažinkite šrifto tipą ir CSS tipografiją bet kuriame tinklalapio elemente—šeimą, dydį, storį, eilutės aukštį, raidžių tarpus, spalvą ir kontrastą—tada nukopijuokite arba eksportuokite, ko reikia, neišeidami iš kortelės.
Sukurta gyvai tipografijai
Funkcijos
Svarbios tipografijos detalės
Vienoje skydelyje peržiūrėkite eilutės aukštį, raidžių tarpus, transformaciją, dekoravimą ir kontrastą (įskaitant AAA/AA indikatorius).
Kopijuokite CSS vienu paspaudimu
Nukopijuokite šrifto šeimą, spalvą arba paruoštą CSS fragmentą peržiūrėtam elementui.
Redaguokite stilius puslapyje
Tiesiog puslapyje keiskite storį, dydį, tarpus, spalvą ir kitus parametrus, o baigę tyrinėjimą — grąžinkite pradinius.
Visi puslapio šriftai
Nuskaitykite unikalius teksto stilius visame puslapyje ir perjunkite tarp jų, audituodami dizaino sistemą.
Eksportas ir Google Fonts
Eksportuokite tipografiją SCSS arba JSON formatu arba atidarykite Google Fonts paiešką rastai šeimai.
Paprasta pagal dizainą
Apie mus
Chrome plėtinys, kuris atskleidžia gyvą tipografiją—šriftą, dydį, storį, spalvą ir kontrastą—kad galėtumėte peržiūrėti, kopijuoti ir eksportuoti šriftus iš bet kurio tinklalapio.
- —
- Paskelbta bendra naudojimo suma
- —
- Patvirtintas atsiliepimų skaičius
Chrome Web Store
Naudotojai apie mus
Iliustraciniai atsiliepimų pavyzdžiai — Chrome Web Store atsiliepimai juos pakeis, kai bus prijungta.
★★★★★
“Galiu paimti šeimą, storį ir hex spalvą iš gyvos svetainės neatidarydamas DevTools.”
★★★★★
“CSS ir kontrasto kopijavimas viename skydelyje — būtent tai, ko reikia auditų metu.”
★★★★★
“Visi puslapio šriftai padeda greitai pastebėti nenuoseklią tipografiją nukreipimo puslapyje.”
Trys greiti žingsniai
Kaip naudoti
-
Įdiekite plėtinį
Pridėkite what the font - font finder iš Chrome Web Store ir prisegkite prie įrankių juostos.
-
Pradėkite peržiūrą
Atidarykite iššokantį langą, pradėkite peržiūrą, tada užveskite pelę ir spustelėkite bet kurį tekstą puslapyje.
-
Kopijuokite arba eksportuokite
Kopijuokite CSS, eksportuokite stilius, atidarykite Google Fonts arba peržiūrėkite visus puslapio šriftus.
Atsakymai prieš diegiant
DUK
Kaip atpažinti svetainės šriftą?
Įdiekite what the font - font finder, pradėkite peržiūrą, užveskite pelę ant teksto ir spustelėkite, kad atidarytumėte skydelį su šeima, dydžiu, storiumi ir spalva.
Ar galiu nukopijuoti matomo teksto CSS?
Taip. Skydelyje galite nukopijuoti šrifto šeimą, spalvą arba CSS fragmentą peržiūrėtam elementui.
Ar veikia kiekviename puslapyje?
Veikia įprastose svetainių kortelėse. Chrome sistemos puslapių ir kai kurių apribotų URL peržiūrėti negalima.
Ar galiu matyti visus puslapyje naudojamus šriftus?
Naudokite Visi puslapio šriftai, kad pamatytumėte unikalius matomus teksto stilius ir atidarytumėte bet kurį jų detalių skydelyje.
Ar peržiūros metu galiu keisti išvaizdą?
Taip. Redaguokite elemento storį, dydį, tarpus, spalvą ir susijusius stilius, tada grąžinkite pradinę būseną.
Kur atidaryti Google Fonts?
Kai šeima atrodo ieškoma, skydelyje naudokite Google Fonts veiksmą, kad atidarytumėte paiešką pagal šį pavadinimą.