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

Gillar du artikeln? Stöd sajten med en Swish om du vill.

Det senaste

Lägg till fler Favoriter i Finders sidofält i macOS

Från början är det en ganska liten skara källor som går att nå via sidofältet i Finder i macOS. Tack och lov går det snabbt att själva bestämma exakt vilka genvägar som ska synas och vilka som inte ska det.

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 vissa av artiklarna på enkelteknik.se ä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 sajten en mindre provisionsdel på köpesumman. Läs mer.

Lämna ett svar

Please enter your comment!
Please enter your name here

Du kanske även gillar

Det senaste

Lägg till fler Favoriter i Finders sidofält i macOS

Från början är det en ganska liten skara källor som går att nå via sidofältet i Finder i macOS. Tack och lov går det snabbt att själva bestämma exakt vilka genvägar som ska synas och vilka som inte ska det.

Test: Netgear Orbi AX6000 (RBK863s) – Ett snabbt, men lite lustigt, syskon

Netgears Orbi-serie av nätverksprodukter har fått en hel del god feedback, framförallt gällande stabilitet och prestanda. Så vart passar nya RBK863s in? För helt lätt är det inte att navigera i djungeln av beteckningar.

Test: MSI Creator Z16 HX Studio – En bärbar dator med extra allt

Creator är en av MSI:s mest påkostade serier bärbara datorer avsedda i första hand för kreatörer av allehanda slag. Så vad kan man då göra med en laptop i toppsegmentet av serien, för närmare 40 000 kr?

Installera om och återställ Windows 11

Börjar datorn känns trött och seg? Eller vill du bara återställa Windows 11 av vilken anledning som helst? Här går jag igenom hur du gör exakt det. Direkt inifrån själva operativsystemet.