Så här kontrollerar du storlek och ansikte på en webbplats

Oavsett om du är inredning eller precis som utseendet på en viss webbplats, vet vilken typ av typsnitt och vilken storlek den kan hjälpa dig att emulera eller använda den på din egen webbplats. Det finns flera sätt att uppnå detta och jag visar 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 hitta den perfekta. När du upptäcker en bra, måste du ta reda på vad det är där och 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å typ av typsnitt.

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 webbläsaren själv medan andra använder tredjepartsverktyg för att identifiera sidtillgångar. Jag täcker båda typerna. Först inifrån webbläsaren.

Högerklicka på den sida du gillar utseendet på och välj Inspect Element (Firefox), Inspect (Chrome) eller F12 Developer Tools (Edge).
Välj Inspector (Firefox) i de nya nedre fönstren och rulla ner till höger tills du når Font. Det ska visa teckensnittsfamiljen, specifikt typsnitt som används, dess storlek, färg och allt annat som sidan definierar.

Olika CMS och olika webbdesigner visar deras typsnitt på olika sätt. Prova den här metoden på några webbsidor, och du kommer troligen att se några olika sätt att teckensnitt definieras.

Tredje parts verktyg för att identifiera typsnitt och storlek

Det finns några tillägg från tredje part som fungerar antingen som ett plugin eller en bokmärke och kan identifiera typsnittstyp. De arbetar med de flesta webbläsare inklusive Safari så att du borde hitta något du kan arbeta med.

Pyroman

Firebug brukade vara ett Firefox-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 kraftfullt verktyg som kan kontrollera vilken del av en webbsida som helst, inklusive teckensnittet.

Installera bara addon, markera lite text på sidan, klicka på fliken HTML i firebug och sedan Computed till höger. Firebug ska sedan markera typsnittet, typsnittet, storleken, vikt och allt du behöver veta.

WhatFont

WhatFont är en bokmärke som kan identifiera typsnitt på webbsidor. Dra bokmärket på din bokmärkesfält och använd det för att identifiera nästan vilken sida som helst, var som helst. Navigera till en webbsida du vill, klicka på bokmärket och sväng över det teckensnitt du vill identifiera. En snygg liten ruta visas över den som berättar teckensnittet.

Återigen, beroende på hur CMS är konfigurerad eller sidan är utformad, kommer detta antingen att vara en enkel typfältidentifikation eller en hel ruta som ger dig storlek, färg, vikt och så vidare.

Det finns många bookmarklet-typaddoner som kan identifiera typsnitt, WhatFont är bara en av dem. Användar du en? Låt oss veta nedan.