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

Det senaste

Varför finns det två kontrollpaneler i Windows 10?

I persondatorbegynnelsens tid (typ 1985) fanns det endast en samlingsplats för Windows inställningar, kallad Kontrollpanelen. Så är det inte längre. Men varför?

Test: MSI Modern 15 – En prisvärd mellan-laptop

MSI Modern 15 är en ganska mittemellan laptop sett till både specifikationer och pris. Hur står den sig i djungeln av bärbara datorer och vad för man för strax över 8000 kr?

Vad är skillnaden mellan strömsparläge och viloläge i Windows 10?

Vad skiljer egentligen mellan strömsparläget och viloläget i Windows 10? Och varför startar datorn ibland upp av sig själv när den vilar? Det tänkte jag reda ut här!

Test: Netgear Nighthawk AX12 RAX200 – Bästa Wi-Fi 6 routern?

Är det värt att betala nästan femtusen kronor för Netgears just nu dyraste, ensamma router? Och hur stor skillnad gör egentligen Wi-Fi 6? Det tänkte jag försöka svara på här.

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

Varför finns det två kontrollpaneler i Windows 10?

I persondatorbegynnelsens tid (typ 1985) fanns det endast en samlingsplats för Windows inställningar, kallad Kontrollpanelen. Så är det inte längre. Men varför?

Test: MSI Modern 15 – En prisvärd mellan-laptop

MSI Modern 15 är en ganska mittemellan laptop sett till både specifikationer och pris. Hur står den sig i djungeln av bärbara datorer och vad för man för strax över 8000 kr?

Vad är skillnaden mellan strömsparläge och viloläge i Windows 10?

Vad skiljer egentligen mellan strömsparläget och viloläget i Windows 10? Och varför startar datorn ibland upp av sig själv när den vilar? Det tänkte jag reda ut här!

Test: Netgear Nighthawk AX12 RAX200 – Bästa Wi-Fi 6 routern?

Är det värt att betala nästan femtusen kronor för Netgears just nu dyraste, ensamma router? Och hur stor skillnad gör egentligen Wi-Fi 6? Det tänkte jag försöka svara på här.

Test: Sonos Arc – Sonos tveklöst bästa soundbar

Sonos fokus på TV-ljud har ökat märkvärt de senaste åren. Nyast ut är soundbaren Sonos Arc som trots ett relativt högt pris är en av de bättre ljudlimporna på marknaden.

Test: ADATA SE800 – Snabb och tålig extern SSD-hårddisk

Det fullkomligt kryllar av externa hårddiskar på marknaden. ADATA SE800 lovar IP68-klassificiering och Gigabyte-hastigheter över USB-C för ett relativt överkomligt pris. Kan det vara något?

Relaterat innehåll

Send this to a friend