Ellenőrizze a betűtípusokat bármely oldalon
Mutasson rá, és kattintson a szövegre, hogy megtekinthesse az élő betűtípust, méretet, súlyt, stílust és színt – az elem közelében vagy az oldalsávban – a DevTools megnyitása nélkül.
what the font - font finder
Határozza meg a betűtípust és a CSS tipográfiát a weboldal bármely elemén – család, méret, súly, sormagasság, betűköz, szín és kontraszt –, majd a lap elhagyása nélkül másolja vagy exportálja a szükséges elemeket.
Élő tipográfiához készült
Jellemzők
A tipográfiai részletek számítanak
Olvassa el a sormagasságot, a betűközt, az átalakítást, a díszítést és a kontrasztot (beleértve a AAA/AA jeleket) egy panelen.
Másolja a CSS fájlt egyetlen kattintással
Másolja a fontcsaládot, színt vagy egy kész CSS kódrészletet a vizsgált elemhez.
Stílusok szerkesztése az oldalon
Módosítsa a súlyt, méretet, távolságot, színt és egyebeket az élő elemen, majd állítsa vissza, ha végzett a felfedezéssel.
Az oldalon található összes betűtípus
Szkennelhet egyedi szövegstílusokat az oldalon, és ugorhat közöttük a tervezési rendszer auditálásakor.
Exportálás és Google Fonts
Exportálja a tipográfiát __SCSSLIT__ vagy JSON néven, vagy nyisson meg egy Google Fonts keresést a talált családra.
Egyszerű kialakítás
Rólunk
Egy Chrome bővítmény, amely felfedi az élő tipográfiát – betűtípust, méretet, súlyt, színt és kontrasztot –, így bármely weboldalról ellenőrizheti, másolhatja és exportálhatja a betűtípusokat.
- —
- Közzétett felhasználás összesen
- —
- Ellenőrzött vélemények száma
Chrome Web Store
Felhasználók rólunk
Szemléltető visszajelzési helyőrzők – Chrome Web Store vélemény váltja fel ezeket, ha csatlakoztatva van.
★★★★★
“A DevTools megnyitása nélkül megragadhatom a családot, a súlyt és a hatszögletű színeket egy élő webhelyről.”
★★★★★
“A CSS másolása és a kontraszt egy panelen pontosan az, amire szükségem van az ellenőrzések során.”
★★★★★
“Az oldalon található összes betűtípus segít gyorsan észrevenni az inkonzisztens típusokat a céloldalon.”
Három gyors lépés
Hogyan kell használni
-
Telepítse a bővítményt
Adja hozzá a what the font - font finder-t a Chrome Web Store-ból, és rögzítse az eszköztárhoz.
-
Kezdje el az ellenőrzést
Nyissa meg az előugró ablakot, kezdje el a vizsgálatot, majd vigye az egérmutatót az oldal bármely szövegére, és kattintson rá.
-
Másolás vagy exportálás
Másoljon CSS-t, exportáljon stílusokat, nyissa meg a Google Fonts-t, vagy böngésszen az oldalon található összes betűtípus között.
Válaszok telepítés előtt
GYIK
Hogyan azonosíthatom a betűtípust a webhelyen?
Telepítse a what the font - font finder-t, kezdje el a vizsgálatot, vigye az egérmutatót a szövegre, és kattintson a panel megnyitásához a családdal, mérettel, súlyokkal és színekkel.
Másolhatom a CSS-t a látott típushoz?
Igen. A panelről átmásolhatja a vizsgált elem betűcsaládját, színét vagy CSS kódrészletét.
Minden oldalon működik?
A webhely szokásos lapjain működik. Chrome rendszeroldalak és egyes korlátozott URL-ek nem ellenőrizhetők.
Megnézhetem az oldalon használt összes betűtípust?
Az oldalon található összes betűtípus használatával listázhatja az egyedi látható szövegstílusokat, és megnyithatja bármelyiket a részletező panelen.
Megváltoztathatom a kinézetet ellenőrzés közben?
Igen. Szerkessze az elem súlyát, méretét, térközét, színét és a kapcsolódó stílusokat, majd állítsa vissza az eredetit.
Honnan nyithatom meg a Google Fonts-t?
Ha a család kereshetőnek tűnik, használja a Google Fonts műveletet a panelen az adott névre vonatkozó lekérdezés megnyitásához.