Sukimaten dagiti letra iti aniaman a panid
I-hover ken i-click ti teksto tapno makita ti sibibiag a tipo ti tipo, kadakkel, timbang, estilo, ken kolor—iti asideg ti elemento wenno iti maysa a sidebar—a saan a luktan ti DevTools.
Mailasin ti tipo ti tipo ken tipograpia ti CSS iti ania man nga elemento ti panid ti web—pamilia, kadakkel, kadagsen, kangato ti linia, panagsisina ti letra, kolor, ken panagduma—kalpasanna kopiaen wenno i-export ti kasapulam a saan a pumanaw iti tab.
Naaramid para iti live typography
I-hover ken i-click ti teksto tapno makita ti sibibiag a tipo ti tipo, kadakkel, timbang, estilo, ken kolor—iti asideg ti elemento wenno iti maysa a sidebar—a saan a luktan ti DevTools.
Basaen ti kangato ti linia, panagsisina ti letra, panagbalbaliw, dekorasion, ken panagduma (agraman dagiti AAA/AA a pagilasinan) iti maysa a panel.
Kopiaen ti pamilia ti letra, kolor, wenno ti nakasagana a CSS a snippet para iti elemento a sinukimatmo.
I-tweak ti timbang, kadakkel, espasyo, kolor, ken dadduma pay iti live element, kalpasanna i-reset no malpasmo ti agsukisok.
I-scan dagiti naisangsangayan nga estilo ti teksto iti ballasiw ti panid ken agluksaw iti nagbaetan dagitoy no ag-audit iti sistema ti disenio.
I-export ti tipograpia a kas SCSS wenno JSON, wenno luktan ti panagsapul ti Google Fonts para iti pamilia a nasarakam.
Simple ti disenio
Maysa nga extension ti Chrome a mangipalgak iti live typography—typeface, kadakkel, kadagsen, kolor, ken panagduduma—tapno mabalinmo a sukimaten, kopiaen, ken i-export dagiti font manipud iti aniaman a webpage.
Tienda ti Web ti Chrome
Dagiti mangiladawan a feedback placeholder — Dagiti panagrepaso ti Chrome Web Store ket mangsukat kadagitoy no naikonektar.
“Mabalinko nga alaen ti pamilia, timbang, ken kolor ti hex manipud iti live site a diak luktan ti DevTools.”
“Kopiaen ti CSS ken contrast iti maysa a panel ti eksakto a kasapulak bayat dagiti audit.”
“Amin a letra iti panid ket tumulong kaniak a makakita iti saan a maitunos a tipo iti ballasiw ti landing page a napardas.”
Tallo a napardas nga addang
Inayon ti what the font - font finder manipud iti Chrome Web Store ken i-pin daytoy iti toolbar.
Luktam ti popup, rugiam ti agsukimat, sa i-hover ken i-click ti aniaman a teksto iti panid.
Kopiaen ti CSS, i-export dagiti estilo, luktan ti Google Fonts, wenno i-browse amin a font iti panid.
Sungbat sakbay nga i-install
I-install ti what the font - font finder, rugian ti panangsukimat, i-hover ti teksto, ken i-klik tapno luktan ti panel nga addaan iti pamilia, kadakkel, kadagsen, ken kolor.
Wen. Manipud iti panel mabalinmo a kopiaen ti pamilia ti letra, kolor, wenno ti maysa a CSS a snippet para iti nasukimaten nga elemento.
Agtrabaho dayta kadagiti regular a tab ti website. Saan a masukimat dagiti panid ti sistema ti Chrome ken dadduma a nainget nga URL.
Usaren ti Amin a letra iti panid tapno mangilista kadagiti naisangayan a makita nga estilo ti teksto ken luktan ti ania man kadagitoy iti panel ti detalye.
Wen. Urnosen ti kadagsen, kadakkel, panagsisina, kolor, ken dagiti mainaig nga estilo iti elemento, kalpasanna i-reset tapno maisubli ti orihinal.
No kasla mabirokan ti pamilia, usaren ti Google Fonts action iti panel tapno manglukat iti saludsod para iti dayta a nagan.