oavsett om du är i design eller precis som utseendet på en viss webbplats, vet du vilken typ av teckensnitt webbplatsen använder och vilken storlek den är kan hjälpa dig att efterlikna 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 miljontals teckensnitt där ute, kan det ta längre tid än det borde att hitta den perfekta. När du upptäcker 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-teckensnitt eller i Windows beroende på vilken typ av teckensnitt det är. Se bara till att komma ihåg att vissa teckensnitt har upphovsrättsskyddat och inte är tillgängliga för allmänt bruk.
kontrollera typsnittet och storleken på en webbplats
det finns några sätt att kontrollera typsnittet och storleken på en webbplats. Den enklaste metoden använder webbläsaren själv, 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 inspektör (Firefox) eller beräknad (Chrome) i de nya nedre fönstren och bläddra ner till höger tills du når teckensnitt eller teckenstorlek. Den ska visa typsnittsfamiljen, det specifika teckensnitt 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 sannolikt att se några olika sätt teckensnitt definieras.
tredjepartsverktyg för att identifiera typsnitt och storlek
det finns några tredjepartstillägg som fungerar antingen som plugins eller som bokmärken och kan identifiera typsnitt. De fungerar med de flesta webbläsare, inklusive Safari, så du bör hitta något du kan arbeta med utan mycket besvär.
Firebug
Firebug brukade vara ett Firefox-bara felsökningsverktyg för utvecklare. Det blev så populärt att det nu är webbläsare agnostiker 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 bör sedan markera teckensnittsnamn, teckensnittsfamilj, storlek, vikt och allt du behöver veta.
tänk dock på att Firebug har upphört från och med 2017. Äldre versioner av det kan fortfarande laddas ner, men de kommer inte att uppdateras längre, och Firebug kommer sannolikt att förlora funktionalitet som webbläsare utvecklas.
WhatFont
WhatFont är en bokmärke som kan identifiera teckensnitt på webbsidor. Dra bokmärket till bokmärkesfältet och använd det 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ärket och håll muspekaren över teckensnittet du vill identifiera. En liten svart låda visas över den och berättar teckensnittet.
eftersom det har uppdaterats har det till och med gjorts kompatibelt med relaterade tillägg.
återigen, beroende på hur CMS är konfigurerat eller hur sidan är utformad, kommer det antingen att vara en enkel typsnittsidentifiering eller en full ruta som ger Dig storlek, färg, vikt och så vidare.
Fontanello
för att inte förväxlas med fotbollsspelaren är Fontanello ett bra gratis webbläsartillägg som gör att du snabbt och enkelt kan se 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.
inspektera webbplatser
det finns en hel del bookmarklet typ tillägg 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.