Suriin ang mga font sa anumang pahina
I-hover at i-click ang text para makita ang live na typeface, laki, weight, style, at kulay—malapit sa elemento o sa sidebar—nang hindi binubuksan ang DevTools.
what the font - font finder
Tukuyin ang typeface at CSS typography ng anumang elemento sa webpage—pamilya, laki, weight, line height, letter spacing, kulay, at contrast—at kopyahin o i-export ang kailangan mo nang hindi umaalis sa tab.
Ginawa para sa live na typography
Mga Feature
Mga detalye ng typography na mahalaga
Basahin ang line height, letter spacing, transform, decoration, at contrast (kasama ang AAA/AA cues) sa isang panel.
Kopyahin ang CSS sa isang click
Kopyahin ang font family, kulay, o handang CSS snippet para sa elementong sinuri mo.
I-edit ang mga style sa pahina
I-adjust ang weight, laki, spacing, kulay, at iba pa sa live na elemento, at i-reset kapag tapos ka nang mag-explore.
Lahat ng font sa pahina
I-scan ang mga natatanging text style sa buong pahina at lumipat-lipat sa kanila kapag nag-a-audit ng design system.
Export at Google Fonts
I-export ang typography bilang SCSS o JSON, o magbukas ng Google Fonts search para sa pamilyang natagpuan mo.
Simple by design
Tungkol sa amin
Isang Chrome extension na nagpapakita ng live na typography—typeface, laki, weight, kulay, at contrast—para masuri, makopya, at ma-export mo ang mga font mula sa anumang webpage.
- —
- Na-publish na kabuuang usage
- —
- Verified na bilang ng review
Chrome Web Store
Mga user tungkol sa amin
Illustrative placeholder feedback — papalitan ng mga review sa Chrome Web Store kapag konektado na.
★★★★★
“Makukuha ko ang family, weight, at hex color mula sa live site nang hindi binubuksan ang DevTools.”
★★★★★
“Ang pagkopya ng CSS at contrast sa isang panel ay eksaktong kailangan ko sa mga audit.”
★★★★★
“Tinutulungan ako ng All fonts on page na mabilis na makita ang inconsistent na type sa landing page.”
Tatlong mabilis na hakbang
Paano gamitin
-
I-install ang extension
Idagdag ang what the font - font finder mula sa Chrome Web Store at i-pin sa toolbar.
-
Simulan ang pagsusuri
Buksan ang popup, simulan ang pagsusuri, at pagkatapos ay i-hover at i-click ang anumang text sa pahina.
-
Kopyahin o i-export
Kopyahin ang CSS, i-export ang mga style, buksan ang Google Fonts, o i-browse ang lahat ng font sa pahina.
Mga sagot bago mag-install
FAQ
Paano ko matutukoy ang font sa isang website?
I-install ang what the font - font finder, simulan ang pagsusuri, i-hover ang text, at i-click para buksan ang panel na may family, laki, weight, at kulay.
Maaari ko bang kopyahin ang CSS ng text na nakikita ko?
Oo. Mula sa panel maaari mong kopyahin ang font family, kulay, o CSS snippet para sa sinuring elemento.
Gumagana ba ito sa lahat ng pahina?
Gumagana ito sa mga normal na website tab. Hindi masusuri ang mga system page ng Chrome at ilang restricted na URL.
Maaari ko bang makita ang lahat ng font na ginamit sa isang pahina?
Gamitin ang All fonts on page para ilista ang mga natatanging visible text style at buksan ang alinman sa detail panel.
Maaari ko bang baguhin ang itsura habang nagsusuri?
Oo. I-edit ang weight, laki, spacing, kulay, at kaugnay na style sa elemento, at i-reset para ibalik ang original.
Saan ko bubuksan ang Google Fonts?
Kapag mukhang searchable ang family, gamitin ang Google Fonts action sa panel para magbukas ng query para sa pangalang iyon.