Se vilket typsnitt (font) som används på en webbsida

Det senaste

Test: TP-Link Deco M4 – Prisvärd Mesh-lösning

Sedan tekniken introducerades för några år sedan har det lanserats en uppsjö så kallade Mesh-routrar. Här tar vi en titt på en av TP-Links billigare varianter, Deco M4.

Test: Topcom KS-4249 Babyvakt – Håller den vad den lovar?

Är Topcoms kamera-babysitter KS-4249 vad som behövs för att råda bot på den där skräckblandade känslan av frihet när ditt barn äntligen somnat, men du ändå är lite orolig om hen är okej? Låt oss ta reda på det!

Varför kallas skräppost egentligen för spam?

De flesta är idag bekanta med begreppet spam som en beskrivning av oönskade mejl eller kommentarer på Internet. Men varför kallas det egentligen spam?

Ändra standardhögtalare för musik via Google Home

Trött på att varje gång du ber din Google Home spela musik också behöva berätta vilket rum musiken ska spelas upp i? Så ställer du in en standardhögtalare för uppspelning.

Trillat över en sajt som använder ett riktigt läckert typsnitt du känner att du bara måste bara veta vilket det är? Här visar vi hur du gör!

Typsnitt fascinerar mängder med människor. Även om du inte faller in under just den kategorin är det däremot intressant hur mycket valet av typsnitt kan hjälpa eller stjälpa. Oavsett om det handlar om tryck eller webb.

Arbetar du med webbdesign har du säkert koll på att man med lite kunskap kan se vilka så kallade typsnittsfamiljer som används genom att gräva sig ned i en webbsidas kod och CSS-filer. Detta är dock både tålamodsprövande och inte alltid helt enkelt. Lite beroende på hur sajten du bråkar med är kodad.

Tur är då att det faktiskt finns flertalet tjänster som med bara ett klick berättar exakt vilka typsnitt du har framför dig på skärmen. Vi kommer här gå igenom hur du använder min personliga favorit, Fount, för att snabbt och korrekt luska ut vilka typsnitt som huserar på de sajter du besöker. Det enda som krävs av programmet (som snarare är ett litet script) är att texten du vill veta typsnittet för faktiskt är riktig text. Scriptet klarar alltså inte av att se vilket typsnitt t.ex. en bild innehåller.

Är det istället identifiering av ett typsnitt i en bild du är på jakt efter kan vi rekommendera tjänsten WhatTheFont! hos MyFonts. WhatTheFont! låter dig ladda upp en bild innehållandes just text, varpå tjänsten analyserar bilden och gissar sig till vilket typsnitt den innehåller.

Ta reda på vilket typsnitt som används med hjälp av Fount

Nedanstående fungerar för både PC– och Mac-datorer och för webbläsarna Safari, Chrome, Firefox och Internet Explorer 8+. Tjänsten Fount är skapad av Nathan Ford från företaget Monotype. Som i sin sysslar just med typsnitt.

1. Börja med att öppna valfri webbläsare och surfa till fount.artequalswork.com. Väl inne på sajten behöver inget installeras för att kunna använda Fount. Det enda du behöver göra är att peka, klicka och dra knappen med namnet Fount till din webbläsares Bokmärkesfält.

Lägg till Fount - Se typsnitt, font på hemsida

2. Beroende på vilken webbläsare du använder kan den nya bokmärkeslänken se lite olika ut. Det viktigaste är att det står Fount efter att du släppt knappen i Bokmärkesfältet. Svårare än så var det inte att lägga till funktionen i din webbläsare.

Fount - Bokmärken - Lägg till - Se typsnitt - Sajt

3. För att använda Fount behöver du navigera till den webbsida vars användning av typsnitt du vill rota igenom. Klicka därefter en gång på Fount-bokmärket varpå muspekaren ändrar form till ett kryss (1). Klicka nu på valfri text med Fount-scriptet aktiverat (2). Direkt uppenbarar sig en liten ruta högst upp till höger på skärmen (3).

Fount - Se vilket typsnitt - font - som används på hemsida

4. I rutan ser du direkt både vilket typsnitt som används plus vilken storlek, typ av textformatering samt vikt (tjocklek) den aktuella texten har. Vill du kontrollera någon annan text på sajten är det bara att klicka direkt på nästa textsnutt för att se vilket typsnitt som döljer sig där bakom.

5. För att avsluta Fount-scriptet klickar du en gång på rutan uppe till höger, där de olika typsnitten visas. Fount stängs även automatiskt om du knappar in en annan adress i din webbläsares sökfält.

Stäng Fount - Klicka på rutan

Andra tjänster för att se typsnitt

Fount är inte den enda tjänsten som gör det möjligt att snabbt se vilka typsnitt som används på en webbsida. En annan populär variant är WhatFont. I grund och botten fungerar WhatFont på exakt samma sätt som Fount. Genom att en länk dras till Bokmärkesfältet. WhatFont använder dock inte HTTPS i scriptet som letar efter vilket det aktuella typsnittet är. Detta gör att en del varningar om att tjänsten inte är säker kan dyka upp.

WhatFont - Lägg till bokmärke - Se typsnitt - Webbsida

Vill du gärna använda WhatFont rekommenderar vi istället att du använder Chrome-tilläggsversionen av scriptet. Denna variant fungerar precis som den ska och helt utan varningar och andra konstigheter.

Whatfont - Lägg till Chrome - Se typsnitt

Har du fler tips på bra program för att se vilka typsnitt som används på webben? Dela gärna med dig i kommentarerna!

Christoffer
Administratör och grundare av enkelteknik.se. Modererar och författar det mesta på sajten.

Dela gärna artikeln om du gillar den.

Frågor

Hjälpte texten dig?

Allt innehåll på enkelteknik.se är gratis och finansieras genom annonsering, samarbeten och donationer. Alla bidrag, oavsett summa, tas tacksamt emot på nedanstående Swish-nummer.

Swish-nummer: 123 404 34 36

Skicka gärna med din e-post-adress om du väljer att stödja oss, så vi får möjlighet att återkomma med ett personligt tack!

Lämna ett svar

Please enter your comment!
Please enter your name here

Det senaste

Test: TP-Link Deco M4 – Prisvärd Mesh-lösning

Sedan tekniken introducerades för några år sedan har det lanserats en uppsjö så kallade Mesh-routrar. Här tar vi en titt på en av TP-Links billigare varianter, Deco M4.

Test: Topcom KS-4249 Babyvakt – Håller den vad den lovar?

Är Topcoms kamera-babysitter KS-4249 vad som behövs för att råda bot på den där skräckblandade känslan av frihet när ditt barn äntligen somnat, men du ändå är lite orolig om hen är okej? Låt oss ta reda på det!

Varför kallas skräppost egentligen för spam?

De flesta är idag bekanta med begreppet spam som en beskrivning av oönskade mejl eller kommentarer på Internet. Men varför kallas det egentligen spam?

Ändra standardhögtalare för musik via Google Home

Trött på att varje gång du ber din Google Home spela musik också behöva berätta vilket rum musiken ska spelas upp i? Så ställer du in en standardhögtalare för uppspelning.

Hur skriver man svenska bokstäver (å ä ö) med ett engelskt tangentbord?

Behöver du skriva på svenska men just upptäckt att datorns tangentbord varken har å, ä eller ö? Så får du fram bokstäverna - både med och utan hjälp av extra program.

Vad betyder de gula strecken i tidslinjen hos vissa YouTube-videor?

Har du också funderat på vad de gula strecken i tidslinjeindikatorn i botten av en del YouTube-videor egentligen berättar för något?

Relaterat innehåll