Pārbaudiet fontus jebkurā lapā
Novietojiet kursoru un noklikšķiniet uz teksta, lai redzētu aktuālo fontu, izmēru, biezumu, stilu un krāsu—pie elementa vai sānjoslā—neatverot DevTools.
what the font - font finder
Atpazīstiet fontu un CSS tipogrāfiju jebkurā tīmekļa lapas elementā—ģimeni, izmēru, biezumu, rindas augstumu, burtu atstarpes, krāsu un kontrastu—un pēc tam kopējiet vai eksportējiet nepieciešamo, neaizverot cilni.
Izveidots tiešajai tipogrāfijai
Funkcijas
Svarīgas tipogrāfijas detaļas
Vienā panelī skatiet rindas augstumu, burtu atstarpes, transformāciju, dekorāciju un kontrastu (ieskaitot AAA/AA indikatorus).
Kopējiet CSS ar vienu klikšķi
Kopējiet fonta ģimeni, krāsu vai gatavu CSS fragmentu pārbaudītajam elementam.
Rediģējiet stilus lapā
Tieši lapā mainiet biezumu, izmēru, atstarpes, krāsu un citus parametrus, un pēc izpētes atjaunojiet sākotnējos.
Visi lapas fonti
Skenējiet unikālos teksta stilus visā lapā un pārslēdzieties starp tiem, auditējot dizaina sistēmu.
Eksports un Google Fonts
Eksportējiet tipogrāfiju SCSS vai JSON formātā vai atveriet Google Fonts meklēšanu atrastajai ģimenei.
Vienkārši pēc dizaina
Par mums
Chrome paplašinājums, kas atklāj tiešo tipogrāfiju—fontu, izmēru, biezumu, krāsu un kontrastu—lai varētu pārbaudīt, kopēt un eksportēt fontus no jebkuras tīmekļa lapas.
- —
- Publicētais kopējais lietojums
- —
- Apstiprinātais atsauksmju skaits
Chrome Web Store
Lietotāji par mums
Ilustratīvi atsauksmju piemēri — Chrome Web Store atsauksmes tās aizstās, kad tiks pievienotas.
★★★★★
“Varu paņemt ģimeni, biezumu un hex krāsu no aktīvas vietnes, neatverot DevTools.”
★★★★★
“CSS un kontrasta kopēšana vienā panelī — tieši tas, kas man vajadzīgs auditu laikā.”
★★★★★
“Visi lapas fonti palīdz ātri pamanīt nekonsekventu tipogrāfiju galvenajā lapā.”
Trīs ātri soļi
Kā lietot
-
Instalējiet paplašinājumu
Pievienojiet what the font - font finder no Chrome Web Store un piespraudiet to rīkjoslai.
-
Sāciet pārbaudi
Atveriet uznirstošo logu, sāciet pārbaudi, pēc tam novietojiet kursoru un noklikšķiniet uz jebkura teksta lapā.
-
Kopējiet vai eksportējiet
Kopējiet CSS, eksportējiet stilus, atveriet Google Fonts vai pārlūkojiet visus lapas fontus.
Atbildes pirms instalēšanas
BUJ
Kā atpazīt fontu tīmekļa vietnē?
Instalējiet what the font - font finder, sāciet pārbaudi, novietojiet kursoru virs teksta un noklikšķiniet, lai atvērtu paneli ar ģimeni, izmēru, biezumu un krāsu.
Vai varu nokopēt redzamā teksta CSS?
Jā. Panelī varat nokopēt fonta ģimeni, krāsu vai CSS fragmentu pārbaudītajam elementam.
Vai tas darbojas katrai lapai?
Tas darbojas parastās vietnes cilnēs. Chrome sistēmas lapas un dažus ierobežotus URL nevar pārbaudīt.
Vai varu redzēt visus lapā izmantotos fontus?
Izmantojiet Visi lapas fonti, lai redzētu unikālos redzamos teksta stilus un atvērtu jebkuru no tiem detaļu panelī.
Vai pārbaudes laikā varu mainīt izskatu?
Jā. Rediģējiet elementa biezumu, izmēru, atstarpes, krāsu un saistītos stilus, pēc tam atjaunojiet sākotnējo stāvokli.
Kur atvērt Google Fonts?
Ja ģimene šķiet meklējama, panelī izmantojiet Google Fonts darbību, lai atvērtu meklēšanu pēc šī nosaukuma.