WhatFont – tunnista fontti verkkosivulta ja kuvasta

Mikä fontti tämä on? Tunnista mikä tahansa fontti sivulta tai kuvasta: fonttiperhe, koko, paksuus, väri ja kaikki sivun fontit.

Mikä fontti tämä on? Tunnista mikä tahansa kirjasin verkkosivulla tai kuvassa — yhdellä klikkauksella WhatFont muuttaa minkä tahansa sivuston kirjasinnäytteeksi. Vie hiiri tekstin päälle nähdäksesi todella käytetyn fontin, klikkaa saadaksesi kaikki CSS-arvot tai rajaa logo selvittääksesi kuvan fontin. Ilman DevToolsia, ilman "Tarkasta elementti" -toimintoa ja ilman arvailua. 🔍 TUNNISTA FONTTI MILLÄ TAHANSA SIVUSTOLLA • Vie hiiri tekstin päälle — vinkki näyttää todella piirretyn fontin, ei CSS-listaa • Klikkaa nähdäksesi kaiken: perhe, koko, riviväli, lihavuus, tyyli ja merkkiväli • Koko fonttipino, ja selaimen oikeasti valitsema perhe korostettuna • Nuolinäppäimet kulkevat sivun rakenteessa, joten pieninkin kuvateksti on helppo osua 🖼️ ETSI KUVAN TAI LOGON FONTTI • Rajaa mikä tahansa alue näytöltä: logo, banneri, kuvakaappaus, videoruutu • Lähetä se Adobe Fontsin tai WhatTheFontin kuvahakuun yhdellä klikkauksella • Tai tallenna rajaus PNG-muodossa ja kopioi se leikepöydälle 🗂️ KAIKKI SIVUN FONTIT • Yksi klikkaus listaa jokaisen kirjasimen, jota sivu käyttää • Jokaisesta: montako elementtiä, mitkä lihavuudet ja mitkä koot • Kopioi nimi tai hyppää suoraan kyseiseen tekstiin sivulla 🎨 VÄRIT, KONTRASTI JA VALMIS CSS • Tekstin väri HEX- ja RGB-muodossa — klikkaa arvoa kopioidaksesi sen • WCAG-kontrastisuhde todelliseen taustaan nähden, AA / AAA -arviolla • Kopioi CSS: koko fonttimäärittely valmiina liitettäväksi tyylitiedostoon • Fontin lähde: Google Fonts, Adobe Fonts, sivusto itse tai järjestelmän fontti, linkin kanssa ⚡ NÄIN SE TOIMII 1. Klikkaa WhatFont-kuvaketta tai paina Alt+Shift+F 2. Vie hiiri tekstin päälle nähdäksesi fontin 3. Klikkaa tekstiä saadaksesi tiedot tai paina Capture tunnistaaksesi fontin kuvasta 4. Esc sulkee tarkastelun SUUNNITTELIJOILLE JA KEHITTÄJILLE Kerää typografisia viitteitä, rakenna designjärjestelmä uudelleen, löydä asiakkaan brändifontti, tarkista tekstivärien saavutettavuus tai vastaa sekunneissa: "mitä fonttia tämä sivusto käyttää?" 🔒 YKSITYISYYS WhatFont toimii selaimen sisällä eikä kerää tai lähetä tietoja selaamisestasi. Rajattu kuva lähtee selaimesta vasta, kun valitset itse hakupalvelun. ——————————— 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.