Susiha ang mga font sa bisan unsang panid
I-hover ug i-klik ang teksto aron makita ang buhi nga typeface, gidak-on, gibug-aton, estilo, ug kolor—duol sa elemento o sa sidebar—nga wala magbukas sa DevTools.
Ilha ang typeface ug CSS typography sa bisan unsang elemento sa webpage—pamilya, gidak-on, gibug-aton, gitas-on sa linya, gilay-on sa letra, kolor, ug contrast—dayon kopyaha o i-export ang imong gikinahanglan nga dili mobiya sa tab.
Gitukod alang sa live typography
I-hover ug i-klik ang teksto aron makita ang buhi nga typeface, gidak-on, gibug-aton, estilo, ug kolor—duol sa elemento o sa sidebar—nga wala magbukas sa DevTools.
Basaha ang gitas-on sa linya, gilay-on sa letra, pagbag-o, dekorasyon, ug kalainan (lakip ang AAA/AA cues) sa usa ka panel.
Kopyaha ang pamilya sa font, kolor, o andam nga CSS snippet para sa elemento nga imong gisusi.
I-tweak ang gibug-aton, gidak-on, gilay-on, kolor, ug uban pa sa buhi nga elemento, unya i-reset kung mahuman ka sa pagsuhid.
I-scan ang talagsaon nga mga estilo sa teksto sa tibuok panid ug ambak sa tunga nila kung mag-audit sa usa ka sistema sa disenyo.
I-export ang typography isip SCSS o JSON, o ablihi ang pagpangita sa Google Fonts alang sa pamilya nga imong nakit-an.
Yano pinaagi sa disenyo
Usa ka extension sa Chrome nga nagpadayag sa live typography—typeface, gidak-on, gibug-aton, kolor, ug contrast—aron imong masusi, kopyahon, ug i-export ang mga font gikan sa bisan unsang webpage.
Chrome Web Store
Mahulagwayong mga placeholder sa feedback - Ang mga review sa Chrome Web Store mopuli niini kung konektado.
“Makuha nako ang pamilya, gibug-aton, ug kolor sa hex gikan sa usa ka live site nga wala magbukas sa DevTools.”
“Kopyaha ang CSS ug ang pagtandi sa usa ka panel mao gyud ang akong kinahanglan sa panahon sa pag-audit.”
“Ang tanan nga mga font sa panid makatabang kanako nga makit-an ang dili managsama nga tipo sa usa ka landing page nga paspas.”
Tulo ka dali nga lakang
Idugang ang what the font - font finder gikan sa Chrome Web Store ug i-pin kini sa toolbar.
Ablihi ang popup, sugdi ang pagsusi, dayon i-hover ug i-klik ang bisan unsang teksto sa panid.
Kopyaha ang CSS, mga istilo sa pag-eksport, ablihi ang Google Fonts, o i-browse ang tanan nga mga font sa panid.
Mga tubag sa dili pa nimo i-install
I-install ang what the font - font finder, pagsugod sa pagsusi, pag-hover sa teksto, ug pag-klik aron maablihan ang panel nga adunay pamilya, gidak-on, gibug-aton, ug kolor.
Oo. Gikan sa panel mahimo nimong kopyahon ang pamilya sa font, kolor, o usa ka snippet sa CSS alang sa gisusi nga elemento.
Nagtrabaho kini sa regular nga mga tab sa website. Ang mga panid sa sistema sa Chrome ug pipila ka mga gidid-an nga URL dili masusi.
Gamita ang Tanan nga mga font sa panid aron ilista ang talagsaon nga makita nga mga estilo sa teksto ug ablihi ang bisan unsa niini sa panel sa detalye.
Oo. I-edit ang gibug-aton, gidak-on, gilay-on, kolor, ug may kalabutan nga mga estilo sa elemento, dayon i-reset aron mabalik ang orihinal.
Kung ang pamilya tan-awon nga makit-an, gamita ang aksyon sa Google Fonts sa panel aron maablihan ang usa ka pangutana alang sa kana nga ngalan.