WhatFont – betűtípus felismerése weboldalon és képen

Milyen betűtípus ez? Azonosítsd a betűtípust weboldalon és képen: család, méret, vastagság, szín és az oldal összes betűtípusa.

Milyen betűtípus ez? Ismerd fel bármelyik betűtípust weboldalon vagy képen — egyetlen kattintással A WhatFont bármelyik webhelyet betűmintává alakítja. Vidd az egeret a szöveg fölé, és látod a ténylegesen megjelenített betűtípust, kattints a teljes CSS-adatokért, vagy jelölj ki egy logót, hogy megtudd a képen szereplő betűtípust. DevTools nélkül, „Elem vizsgálata" nélkül, találgatás nélkül. 🔍 BETŰTÍPUS FELISMERÉSE BÁRMELY WEBHELYEN • Vidd fölé az egeret — a buborék a valóban megjelenített betűtípust mutatja, nem a CSS-listát • Kattints, és mindent látsz: család, méret, sortávolság, vastagság, stílus és betűköz • A teljes betűkészlet-lista, kiemelve azzal a családdal, amit a böngésző ténylegesen választott • A nyilakkal bejárod az oldal szerkezetét, így a legapróbb képaláírás is elérhető 🖼️ BETŰTÍPUS KÉPRŐL ÉS LOGÓRÓL • Jelöld ki a képernyő bármely részét: logó, banner, képernyőkép, videokocka • Küldd el egy kattintással az Adobe Fonts vagy a WhatTheFont képes keresőjébe • Vagy mentsd a kivágást PNG-ként, és másold a vágólapra 🗂️ AZ OLDAL ÖSSZES BETŰTÍPUSA • Egy kattintás felsorolja az oldal minden betűtípusát • Mindegyiknél: hány elem, milyen vastagságok és milyen méretek • Másold a nevet, vagy ugorj egyenesen az adott szöveghez az oldalon 🎨 SZÍNEK, KONTRASZT ÉS KÉSZ CSS • A szöveg színe HEX és RGB formában — kattints az értékre a másoláshoz • WCAG kontrasztarány a valódi háttérhez képest, AA / AAA minősítéssel • CSS másolása: a teljes betűtípus-deklaráció, készen a stíluslapba illesztésre • A betűtípus forrása: Google Fonts, Adobe Fonts, maga a webhely vagy rendszerbetű, hivatkozással ⚡ ÍGY MŰKÖDIK 1. Kattints a WhatFont ikonjára, vagy nyomd meg az Alt+Shift+F billentyűket 2. Vidd az egeret a szöveg fölé, hogy lásd a betűtípusát 3. Kattints a szövegre a részletekért, vagy nyomd meg a Capture gombot képen lévő betűtípushoz 4. Az Esc kikapcsolja a vizsgálót TERVEZŐKNEK ÉS FEJLESZTŐKNEK Gyűjts tipográfiai referenciákat, építs újra egy designrendszert, találd meg az ügyfél márkabetűjét, ellenőrizd a szövegszínek akadálymentességét, vagy válaszolj másodpercek alatt: „milyen betűtípust használ ez az oldal?" 🔒 ADATVÉDELEM A WhatFont a böngésződben dolgozik, és nem gyűjt és nem küld adatokat a böngészésedről. A kivágott kép csak akkor hagyja el a böngészőt, ha te magad választasz keresőszolgáltatást. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.