WhatFont – hitta och identifiera typsnitt på sidor och i bilder

Vilket typsnitt är detta? Identifiera typsnitt på sidan eller i en bild: familj, storlek, vikt, färg och sidans alla typsnitt.

Vilket typsnitt är det här? Identifiera vilket teckensnitt som helst på en webbsida eller i en bild — med ett klick WhatFont förvandlar vilken webbplats som helst till ett typsnittsprov. Håll muspekaren över text för att se typsnittet som verkligen renderas, klicka för hela CSS-specifikationen, eller markera en logotyp för att hitta typsnittet i en bild. Utan DevTools, utan "Inspektera element", utan gissningar. 🔍 IDENTIFIERA TYPSNITTET PÅ VILKEN WEBBPLATS SOM HELST • Håll muspekaren över texten — tipsrutan visar det typsnitt som faktiskt renderas, inte CSS-listan • Klicka för allt: familj, storlek, radavstånd, vikt, stil och teckenavstånd • Hela typsnittsstacken, med familjen som webbläsaren verkligen valde markerad • Piltangenterna följer sidans struktur, så även den minsta bildtexten går att nå 🖼️ HITTA TYPSNITTET I EN BILD ELLER LOGOTYP • Markera valfritt område på skärmen: logotyp, banner, skärmbild, videobild • Skicka det till Adobe Fonts eller WhatTheFonts bildsökning med ett klick • Eller spara utsnittet som PNG och kopiera det till urklipp 🗂️ ALLA TYPSNITT PÅ SIDAN • Ett klick listar varje teckensnitt som sidan använder • För varje: hur många element, vilka vikter och vilka storlekar • Kopiera namnet eller hoppa direkt till den texten på sidan 🎨 FÄRGER, KONTRAST OCH FÄRDIG CSS • Textfärg i HEX och RGB — klicka på ett värde för att kopiera det • WCAG-kontrastvärde mot den verkliga bakgrunden, med AA / AAA-omdöme • Kopiera CSS: hela typsnittsdeklarationen, redo att klistras in i din stilmall • Typsnittets källa: Google Fonts, Adobe Fonts, webbplatsen själv eller ett systemtypsnitt, med länk ⚡ SÅ FUNGERAR DET 1. Klicka på WhatFont-ikonen eller tryck Alt+Shift+F 2. Håll muspekaren över text för att se typsnittet 3. Klicka på texten för detaljer, eller tryck Capture för ett typsnitt i en bild 4. Esc stänger av inspektören FÖR DESIGNERS OCH UTVECKLARE Samla typografiska referenser, återskapa ett designsystem, hitta en kunds varumärkestypsnitt, kontrollera tillgängligheten hos textfärger eller svara på sekunder: "vilket typsnitt använder den här webbplatsen?" 🔒 INTEGRITET WhatFont arbetar inuti webbläsaren och samlar varken in eller skickar data om ditt surfande. Ett utsnitt lämnar webbläsaren först när du själv väljer en söktjänst. ——————————— 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.