Inspektera typsnitt på vilken sida som helst
Håll muspekaren och klicka på text för att se typsnitt, storlek, vikt, stil och färg i realtid—vid elementet eller i en sidopanel—utan att öppna DevTools.
what the font - font finder
Identifiera typsnittet och CSS-typografin på vilket webbsideelement som helst—familj, storlek, vikt, radhöjd, bokstavsavstånd, färg och kontrast—och kopiera eller exportera det du behöver utan att lämna fliken.
Byggd för typografi i realtid
Funktioner
Typografidetaljer som spelar roll
Läs radhöjd, bokstavsavstånd, transformation, dekoration och kontrast (inklusive AAA/AA-indikatorer) i en panel.
Kopiera CSS med ett klick
Kopiera typsnittsfamiljen, färgen eller ett färdigt CSS-utdrag för elementet du inspekterade.
Redigera stilar på sidan
Justera vikt, storlek, avstånd, färg med mera på live-elementet och återställ när du är klar med att utforska.
Alla typsnitt på sidan
Skanna unika textstilar över sidan och hoppa mellan dem när du granskar ett designsystem.
Export och Google Fonts
Exportera typografi som SCSS eller JSON, eller öppna en Google Fonts-sökning efter familjen du hittade.
Enkelt by design
Om oss
Ett Chrome-tillägg som visar typografi i realtid—typsnitt, storlek, vikt, färg och kontrast—så att du kan inspektera, kopiera och exportera typsnitt från vilken webbsida som helst.
- —
- Publicerad användning totalt
- —
- Antal verifierade recensioner
Chrome Web Store
Användare om oss
Illustrativa platshållare för feedback — Chrome Web Store-recensioner ersätter dessa när de är anslutna.
★★★★★
“Jag kan hämta familj, vikt och hex-färg från en live-webbplats utan att öppna DevTools.”
★★★★★
“Att kopiera CSS och kontrast i en panel är precis vad jag behöver under granskningar.”
★★★★★
“Alla typsnitt på sidan hjälper mig att snabbt hitta inkonsekvent typografi på en landningssida.”
Tre snabba steg
Så här använder du
-
Installera tillägget
Lägg till what the font - font finder från Chrome Web Store och fäst det i verktygsfältet.
-
Börja inspektera
Öppna popup-fönstret, börja inspektera, håll sedan muspekaren och klicka på valfri text på sidan.
-
Kopiera eller exportera
Kopiera CSS, exportera stilar, öppna Google Fonts eller bläddra bland alla typsnitt på sidan.
Svar innan du installerar
Vanliga frågor
Hur identifierar jag ett typsnitt på en webbplats?
Installera what the font - font finder, börja inspektera, håll muspekaren över texten och klicka för att öppna panelen med familj, storlek, vikt och färg.
Kan jag kopiera CSS för typen jag ser?
Ja. I panelen kan du kopiera typsnittsfamiljen, färgen eller ett CSS-utdrag för det inspekterade elementet.
Fungerar det på varje sida?
Det fungerar på vanliga webbflikar. Chrome-systemsidor och vissa begränsade webbadresser kan inte inspekteras.
Kan jag se alla typsnitt som används på en sida?
Använd Alla typsnitt på sidan för att lista unika synliga textstilar och öppna någon av dem i detaljpanelen.
Kan jag ändra utseendet medan jag inspekterar?
Ja. Redigera vikt, storlek, avstånd, färg och relaterade stilar på elementet och återställ sedan för att återställa originalet.
Var öppnar jag Google Fonts?
När familjen verkar sökbar, använd Google Fonts-åtgärden i panelen för att öppna en sökning efter det namnet.