Kontrolearje lettertypen op elke side
Hoverje en klikje op tekst om it live lettertype, grutte, gewicht, styl en kleur te sjen - it elemint as yn sydbalke - sûnder DevTools om te iepenjen.
what the font - font finder
Identifisearje it lettertype en CSS-typografy op elk webside-elemint - famylje, grutte, gewicht, rigelhichte, letterôfstân, kleur en kontrast - kopiearje fan eksportearje en wat jo nedich binne sûnder de ljepper te ferlitten.
Boud foar live typografy
Funksjes
Typografy details dy't wichtich binne
Lês linehichte, letterôfstân, transformaasje, dekoraasje en kontrast (ynklusyf AAA / AA-oanwizings) yn ien paniel.
Kopiearje CSS mei ien klik
Kopiearje de lettertypefamylje, kleur, as in klear CSS-snippet foar it elemint dat jo ynspekteare.
Stilen op 'e kant bewurkje
Tweak gewicht, grutte, kleur, en mear op it live elemint, set dan werom as jo klear binne mei ferkenning.
Alle lettertypen op 'e side
Scan tekst oer de pagina en springen fan in unyk systeem.
Eksportearje en Google Lettertypen
Eksportearje typografy as SCSS fan JSON, of iepenje yn Google Lettertypen sykjen foar de famylje dy't jo fûn hawwe.
Ienfâldich troch troch
Oer ús
In Chrome-útwreiding dy't live typografy iepenbieret - lettertype, grutte, gewicht, kleur en kontrast - sadat jo lettertypen kinne ynspektearje, kopiearje en eksportearje fan elke webside.
- —
- Publisearre gebrûk totaal
- —
- Ferifiearre resinsje count
Chrome Webwinkel
Brûkers oer ús
Yllustrative plakhâlders foar feedback - Chrome Web Store-resinsjes sille dizze ferfange as se ferbûn binne.
★★★★★
“Ik kin famylje, gewicht en hexkleur fan in live side pakke sûnder DevTools te iepenjen.”
★★★★★
“Kopiearje CSS en kontrast yn ien paniel is krekt wat ik nedich by audits.”
★★★★★
“Alle lettertypen op pagina helpt my rap inkonsistint type op in lâningsside te finen.”
Trije snelle stappen
Hoe te brûken
-
Ynstallearje de tafoeging
Foegje what the font - font finder ta fan 'e Chrome Web Store en pin it oan 'e arkbalke.
-
Begjin te ynspektearjen
Iepenje de popup, begjin te ynspektearjen, hoverje dan en klikje op elke tekst op 'e side.
-
Kopiearje of eksportearje
Kopiearje CSS, eksportearje stilen, iepenje Google Lettertypen, of blêdzje troch alle lettertypen op 'e side.
Antwurden foar jo earst
FAQ
Hoe identifisearje ik yn lettertype op in webside?
Ynstallearje what the font - font finder, begjin te ynspektearjen, hoverje de tekst en klikje om it paniel te iepenjen mei famylje, grutte, gewicht en kleur.
Kin ik de CSS kopiearje foar it type dat ik sjoch?
Ja. Fanút it paniel kinne jo de lettertypefamylje, kleur, as in CSS-snippet kopiearje foar it ynspekteare elemint.
Wurket it op elke side?
It is gewoane webside-ljeppers. Chrome-systeem en guon beheinde URL's kinne net ynspekteare wurde.
Kin ik alle lettertypen sjen dy't op in side brûkt wurde?
Brûk Alle lettertypen op side om unike sichtbere tekststilen te listjen en ien fan har te iepenjen yn it detailpaniel.
Kin ik it uterlik feroarje troch it ynspektearjen?
Ja. Bewurkje gewicht, grutte, tusken, kleur en besibbe stilen op it elemint, set dan werom om it orizjineel te herstellen.
Wêr kin ik Google Lettertypen aktivearje?
As de famylje trochsykber liket, brûk dan de Google Lettertypen-aksje yn it paniel om in query foar dy namme te iepenjen.