Oavsett om du gillar design eller bara gillar utseendet på en viss webbplats, kan du veta vilken typ av teckensnitt som webbplatsen använder och vilken storlek den är för att efterlikna den eller använda den på din egen webbplats. Det finns flera sätt att uppnå detta, och den här artikeln kommer att visa dig några av dem. Så om du vill kontrollera teckensnittstyp och storlek på en webbplats, läs vidare!
Med bokstavligen miljontals teckensnitt där ute kan det ta längre tid än det borde att hitta det perfekta. När du ser en bra, måste du ta reda på vad det är just där och då; annars kan du förlora den för gott. Om det är särskilt bra kan du använda det på din egen webbplats, som ett Office-teckensnitt, eller inom Windows, beroende på vilken typ av teckensnitt det är. Se bara till att komma ihåg att vissa typsnitt har upphovsrättsskyddat och inte är tillgängliga för allmänt bruk.
Kontrollera teckensnittstyp och storlek på en webbplats
Det finns några sätt att kontrollera teckensnittstyp och storlek på vilken webbplats som helst. Den enklaste metoden använder webbläsaren själv, medan andra använder tredjepartsverktyg för att identifiera sidtillgångar. Nedan kommer vi att täcka båda typerna. Först kommer vi att fokusera på den inbyggda webbläsarmetoden.
- Högerklicka på sidan du gillar utseendet på och välj Inspektera element (Firefox), Inspektera (Chrome) eller F12 Developer Tools (Edge).
- Välj Inspector (Firefox) eller Computed (Chrome) i de nya nedre fönstren och scrolla ner till höger tills du kommer till teckensnitt eller teckenstorlek. Den ska visa teckensnittsfamiljen, det specifika teckensnittet som används, dess storlek, dess färg och allt annat som sidan definierar.
Olika CMS och olika webbdesigner visar sin typsnittsinformation på olika sätt. Prova den här metoden på några webbsidor, och du kommer förmodligen att se några olika sätt att definiera typsnitt.
Tredje parts verktyg för att identifiera typsnitt och storlek
Några tillägg från tredje part fungerar antingen som plugins eller som bokmärken och kan identifiera teckensnittstyper. De fungerar med de flesta webbläsare, inklusive Safari, så du bör hitta något du kan arbeta med utan större problem.
WhatFont
WhatFont finns tillgängligt som en hemsida eller a webbläsartillägg. WhatFont är gratis att använda och mycket enkelt. Så här gör du:
- Leta reda på typsnittet du vill undersöka. Ta en skärmdump av ett exempel (CMD+Shift+4 på en Mac eller Windows-tangent+Skift+S på PC). Gå sedan till WhatFont-webbplatsen.
- Klicka för att ladda upp skärmdumpen från din dator, eller dra skärmdumpen och släpp den i rutan.
- Välj ett exempel på teckensnittet. Klicka sedan på den blå pilikonen.
- Bläddra igenom listan och hitta det som bäst matchar typsnittet du vill ha.
Tillsammans med typsnittets namn har du också möjlighet att köpa det om du inte redan har det.
Beroende på hur CMS är konfigurerat eller hur sidan är designad, kommer detta antingen att vara en enkel teckensnittsidentifiering eller en hel ruta som ger dig storlek, färg, vikt och så vidare.
Fontanello
Inte att förväxla med fotbollsspelaren, Fontanello är ett fantastiskt gratis webbläsartillägg som låter dig snabbt och enkelt visa teckensnittet på en webbplats. Även om det för närvarande bara är tillgängligt för Chrome och Firefox, är det här tillägget värt att ladda ner. Så här använder du Fontanello:
- Öppna Chrome och klicka på “Lägg till i Chrome” för att installera webbläsartillägget Fontanello.
- Öppna webbsidan med typsnittet du vill inspektera. Markera ett exempel på texten du gillar.
- Högerklicka på den markerade texten och klicka sedan på “Fontanello”.
I pop-out-menyn som visas ser du teckensnittsdetaljerna.
Fontanello gör det snabbt och enkelt att avslöja detaljerna för det typsnitt du vill använda.
Vanliga frågor
Här är några fler svar på dina frågor om onlineteckensnitt.
Hur vet jag vilket typsnitt som finns i en bild?
Du kanske är intresserad av ett visst typsnitt, men det är en del av en bild. Det kan vara svårt att avgöra vad just det typsnittet är. Det mest användbara verktyget för detta är WhatFont. Genom att följa instruktionerna ovan kan du ladda upp bilden och avslöja detaljerna i teckensnittet.
Inspektera webbplatser
Det finns många tillägg av bokmärkestyp som kan identifiera teckensnitt; WhatFont är bara en av dem. Använder du en? Har den här artikeln övertygat dig om att prova en ny? Låt oss veta nedan.