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

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

Det senaste

Varför har Instagram helt plötsligt svart bakgrund?

Insåg du precis att Instagram av någon anledning är bra mycket mörkare än vad det brukar vara? Här är anledningen och hur du ändrar tillbaka till det ljusare läget.

Spotify stannar i slutet av nästan varje låt

Här är min lösning på problemet med att Spotify då och då inte vill hoppa vidare till nästa låt, utan istället bara stoppar uppspelningen. Även om det ser ut som att den är igång.

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

Det senaste

Varför har Instagram helt plötsligt svart bakgrund?

Insåg du precis att Instagram av någon anledning är bra mycket mörkare än vad det brukar vara? Här är anledningen och hur du ändrar tillbaka till det ljusare läget.

Börja en WordPress-lista med ett annat nummer än ett

Numrerade listor har alltid skapat lite extra huvudbry hos mig. Så tar du kontroll över vilket nummer som visas var när det kommer till listor i populära WordPress!

Spotify stannar i slutet av nästan varje låt

Här är min lösning på problemet med att Spotify då och då inte vill hoppa vidare till nästa låt, utan istället bara stoppar uppspelningen. Även om det ser ut som att den är igång.

Test: Moccamaster Automatic – Fortfarande bäst?

När det kommer till kaffebryggare står Technivorms Moccamaster-serie ut som en av de verkliga långkörarna. Är det fortfarande en sådan man "ska" ha år 2022?

Google-ingenjör menar att AI:n LaMDA utvecklat medvetande

Att stänga av medarbetare för att de går utanför sina arbetsramar är inte helt ovanligt. Men när ramarna involverar påståenden om att Googles AI kan ha skapat sig ett eget medvetande blir det lite extra spännande.

Test: MiniFinder Pico 4G – Spårar det mesta

Hur precis och smidig är egentligen en dedikerad GPS-tracker år 2022? Det tänkte jag ta reda på i detta test av Pico 4G från Växjö-baserade MiniFinder.

Så visar du ett rutnät i kameran på iPhone

Ser fotona du tar med din iPhone ut som att du är på väg att ramla samtidigt som du knäpper dem? Så rätar du upp tillvaron genom att visa ett rutnät på skärmen i kamera-appen!
Send this to a friend