Libre nga Chrome extension — tan-awa ang mga font sa bisan ano nga pahina

what the font - font finder

Hibalua ang typeface kag CSS typography sa bisan ano nga elemento sang webpage—pamilya, kadakuon, kabug-aton, kataason sang linya, espasyo sang letra, kolor, kag kontras—dayon kopyahon ukon i-export ang imo kinahanglanon nga wala nagahalin sa tab.

what the font - font finder Chrome extension promo Ginbutang
0 mga user 0

Gintukod para sa buhi nga tipograpiya

Bahin

Usisaa ang mga font sa bisan diin nga pahina

I-hover kag i-klik ang text para makita ang live typeface, kadakuon, kabug-aton, estilo, kag kolor—malapit sa elemento ukon sa sidebar—nga wala ginabuksan ang DevTools.

Mga detalye sa tipograpiya nga importante

Basaha ang kataason sang linya, espasyo sang letra, pagbag-o, dekorasyon, kag kontras (lakip ang AAA/AA cues) sa isa ka panel.

Kopyahon ang CSS sa isa ka pag-klik

Kopyahon ang pamilya sang font, kolor, ukon ang handa nga CSS snippet para sa elemento nga imo gin-usisa.

I-edit ang mga estilo sa pahina

I-tweak ang kabug-aton, kadakuon, espasyo, kolor, kag madamo pa sa live element, dayon i-reset kon matapos ka na sa pag-usisa.

Ang tanan nga mga font sa pahina

I-scan ang pinasahi nga mga estilo sang teksto sa bug-os nga pahina kag maglumpat sa tunga nila kon naga-awdit sang isa ka sistema sang pagdesinyo.

I-export kag Google Fonts

I-export ang typography bilang SCSS ukon JSON, ukon buksi ang pagpangita sa Google Fonts para sa pamilya nga imo nakita.

Simple ang desinyo

Parte sa amon

Isa ka Chrome extension nga nagapakita sang live typography—typeface, kadakuon, kabug-aton, kolor, kag kontras—agod mahimo mo usisaon, kopyahon, kag i-export ang mga font gikan sa bisan ano nga webpage.

—
Ginbalhag nga kabug-usan nga paggamit
—
Ginpamatud-an nga pag-isip sang pagrepaso

Chrome Web Store

Mga user parte sa amon

Mga placeholder sang feedback nga nagalaragway — Ang mga pagrepaso sang Chrome Web Store magabulos sini kon konektado.

★★★★★
“Mahimo ko makuha ang pamilya, kabug-aton, kag kolor sang hex gikan sa isa ka live site nga wala nagabukas sang DevTools.”
manugdesinyo
★★★★★
“Ang pagkopya sang CSS kag pagkontra sa isa ka panel amo gid ang kinahanglan ko sa tion sang mga pag-audit.”
frontend
★★★★★
“Ang tanan nga mga font sa pahina nagabulig sa akon nga makita ang indi nagakaigo nga tipo sa isa ka landing page sing madasig.”
unod

Tatlo ka madasig nga tikang

Paano gamiton

  1. I-install ang extension

    Idugang ang what the font - font finder gikan sa Chrome Web Store kag i-pin ini sa toolbar.

  2. Sugdi ang pag-usisa

    Buksi ang popup, sugdi ang pag-usisa, dayon i-hover kag i-klik ang bisan ano nga teksto sa pahina.

  3. Kopyahon ukon i-export

    Kopyaha ang CSS, i-export ang mga estilo, buksi ang Google Fonts, ukon tan-awa ang tanan nga mga font sa pahina.

Mga sabat antes ka mag-install

FAQ

Paano ko makilala ang font sa isa ka website?

I-install ang what the font - font finder, sugdi ang pag-usisa, i-hover ang teksto, kag i-klik sa pagbukas sang panel nga may pamilya, kadakuon, kabug-aton, kag kolor.

Mahimo ko bala makopya ang CSS para sa sahi nga akon makita?

Huo. Gikan sa panel mahimo mo makopya ang pamilya sang font, kolor, ukon isa ka CSS snippet para sa gin-usisa nga elemento.

Nagatrabaho bala ini sa tagsa ka pahina?

Nagatrabaho ini sa regular nga mga tab sang website. Ang mga pahina sang sistema sang Chrome kag ang pila ka ginadumilian nga mga URL indi mahimo nga usisaon.

Makita ko bala ang tanan nga mga font nga gingamit sa isa ka pahina?

Gamita ang Tanan nga mga font sa pahina sa paglista sang pinasahi nga makita nga mga estilo sang teksto kag buksi ang bisan diin sa ila sa panel sang detalye.

Mahimo ko bala bag-uhon ang hitsura samtang nagausisa?

Huo. I-edit ang kabug-aton, kadakuon, espasyo, kolor, kag may kaangtanan nga mga estilo sa elemento, dayon i-reset agud ibalik ang orihinal.

Diin ko mabuksan ang Google Fonts?

Kon ang pamilya daw sarang mapangita, gamita ang aksyon sang Google Fonts sa panel sa pagbukas sang isa ka pamangkot para sa sina nga ngalan.