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

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!

Utvalda produkt- och återförsäljarlänkar i våra artiklar är affiliate-länkar. När ett köp, inom en viss tid, görs via en eller flera av dessa länkar erhåller vi ibland en mindre provisionsdel på köpesumman. Läs mer.

Summering

Ställ en fråga

Har du en teknisk fundering du går och grubblar på? Det låter ju onödigt.

Kommentera

Lämna ett svar

Please enter your comment!
Please enter your name here

Det senaste

Recension: Hoa till Nintendo Switch – Ett mindre stressigt alternativ

Kort, vackert och med tydliga influenser från Studio Ghibli både bildligt och ljudligt. Men är det värt att betala 150 kr för fem timmars speltid?

Äntligen stöd för Bluetooth-hörlurar på Nintendo Switch

En av de största frågetecknen kring Nintendo Switch har äntligen fått en lösning. Men varför tog det så lång tid?

Sonos lanserar uppdaterad Beam med stöd för Dolby Atmos

Sonos snyggaste soundbar får i dagarna en uppgradering innehållandes både ny hårdvara, fler högtalare och bättre stöd för nya ljudformat.

Starta macOS Recovery i Mac-datorer med M1-chippet

Apples M1-chip fungerar ganska annorlunda jämfört med de tidigare Intel-baserade Mac-datorerna. Så pass olika att till och med proceduren för att ta sig in i macOS Recovery skiljer sig åt.

Radera bara en siffra i miniräknaren på iPhone

Visst är det irriterande när man efter en lång uträkning knappar in en siffra fel i Kalkylatorn på iPhone och behöver börja om från början? Åtminstone var det irriterande innan du läste det här.

Det senaste

Tester

Fråga »

Mer läsning

Sväng förbi på Instagram

Send this to a friend