Oavsett om du använder design eller precis som utseendet på en viss webbplats, att veta vilken typ av typsnitt webbplatsen använder och vilken storlek den är kan hjälpa dig att emulera den eller använda den på din egen webbplats. Det finns flera sätt att uppnå detta, och jag ska visa dig några av dem här. Så om du vill kontrollera typsnitt och storlek på en webbplats, läs vidare!
Med bokstavligen miljoner teckensnitt där ute, att hitta det perfekta kan ta längre tid än det borde. När du ser en bra, måste du ta reda på vad det är där och då, annars kan du förlora det för gott. Om det är särskilt bra kan du använda det på din egen webbplats, som ett Office-typsnitt eller i Windows beroende på vilken typ av typsnitt det är. Kom bara ihåg att vissa teckensnitt har varit upphovsrättsskyddade och inte tillgängliga för allmän användning.
Kontrollera typsnitt och storlek på en webbplats
Det finns några sätt att kontrollera typsnitt och storlek på vilken webbplats som helst. Den enklaste metoden använder själva webbläsaren, medan andra använder verktyg från tredje part för att identifiera sidtillgångar. Jag täcker båda typerna. Först fokuserar vi 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) i de nya nedre fönstren och bläddra ner till höger tills du når Font. Det ska visa teckensnittsfamiljen, specifikt teckensnitt som används, dess storlek, färg och allt annat som sidan definierar.
Olika CMS och olika webbdesign visar sin typsnittinformation på olika sätt. Prova den här metoden på några webbsidor så ser du antagligen några olika sätt att teckensnitt definieras.
Tredjepartsverktyg för att identifiera typsnitt och storlek
Det finns några tillägg från tredje part som fungerar antingen som plugins eller som bokmärken och kan identifiera typsnitt. De arbetar med de flesta webbläsare, inklusive Safari, så du bör hitta något du kan arbeta med utan mycket besvär.
Pyroman
Firebug var tidigare ett Firefox-felsökningsverktyg för utvecklare. Det blev så populärt att det nu är webbläsare agnostiskt och kommer att fungera med de flesta webbläsare. Det är ett otroligt mångsidigt verktyg som kan kontrollera alla delar av en webbsida, inklusive teckensnittet.
Installera bara tillägget som vanligt, markera lite text på sidan, klicka på HTML-fliken i Firebug och klicka sedan på "Beräknad" till höger. Firebug ska sedan markera teckensnittets namn, typsnitt, storlek, vikt och allt du behöver veta.
Tänk dock på att Firebug har avbrutits från och med 2017. Äldre versioner av det kan fortfarande laddas ner, men de kommer inte att uppdateras längre, och Firebug kommer förmodligen att förlora funktionaliteten när webbläsare utvecklas.
WhatFont
WhatFont är en bokmärke som kan identifiera teckensnitt på webbsidor. Dra bokmärken till bokmärkesfältet och använd den för att identifiera nästan alla teckensnitt, var som helst. Det är gratis att använda och mycket enkelt. Navigera till en webbsida du gillar, klicka på bokmärken och håll muspekaren över det teckensnitt du vill identifiera. En liten svart ruta visas över den som berättar typsnittet.
När det har uppdaterats har det till och med gjorts kompatibelt med relaterade tillägg.
Beroende på hur CMS konfigureras eller hur sidan utformas kommer detta att antingen vara en enkel typsnittsidentifiering eller en hel ruta som ger dig storlek, färg, vikt och så vidare.
Det finns många tillägg för bokmärkningstyp 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.
