Huvud Övrig Hur man kontrollerar teckenstorlek och ansikte på en webbplats

Hur man kontrollerar teckenstorlek och ansikte på en webbplats



Oavsett om du gillar design eller precis som utseendet på en viss webbplats, vet du vilken typ av typsnitt webbplatsen använder och vilken storlek den 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 visar några av dem här. Så om du vill kontrollera typsnitt och storlek på en webbplats, läs vidare!

krom hårdvaruacceleration på eller av
Hur man kontrollerar teckenstorlek och ansikte på en webbplats

Med bokstavligen miljontals teckensnitt där ute kan det ta längre tid att hitta den perfekta. När du upptäcker en bra, måste du ta reda på vad den är 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-typsnitt eller i Windows beroende på vilken typ av typsnitt det är. Se bara till att vissa teckensnitt har upphovsrättsskyddat och inte är 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 webbläsaren själv, medan andra använder tredjepartsverktyg för att identifiera sidtillgångar. Jag täcker båda typerna. Först fokuserar vi på den inbyggda webbläsarmetoden.

  1. Högerklicka på den sida du gillar utseendet på och välj Inspektera element (Firefox), Inspektera (Chrome) eller F12 Developer Tools (Edge).
  2. Välj Inspector (Firefox) i de nya nedre fönstren och bläddra ner till höger tills du når Font. 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 webbdesign visar deras teckensnittsinformation på olika sätt. Prova den här metoden på några webbsidor så kommer du troligen att se några olika sätt att teckensnitt definieras.

hur-att-kontrollera-typsnitt-och-storlek-på-en-webbplats-2

Verktyg från tredje part 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 som kan identifiera typsnitt. De fungerar med de flesta webbläsare, inklusive Safari, så du borde hitta något du kan arbeta med utan mycket problem.

Pyroman

Firebug brukade vara ett Firefox-felsökningsverktyg för utvecklare. Det blev så populärt att det nu är webbläsaragnostiskt och fungerar med de flesta webbläsare. Det är ett otroligt mångsidigt verktyg som kan kontrollera alla element på 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 teckensnittsnamnet, teckensnittsfamiljen, 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 förmodligen att förlora funktionalitet när webbläsare utvecklas.

hur man roterar en video i Windows Media Player

hur-att-kontrollera-typsnitt-och-storlek-på-en-webbplats-3

WhatFont

WhatFont är en bokmärke som kan identifiera teckensnitt på webbsidor. Dra bokmärket till ditt bokmärkesfält och använd det för att identifiera nästan vilket typsnitt 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 ruta visas över den och berättar teckensnittet.

kan google hemkontroll brand-tv

Eftersom den har uppdaterats har den till och med gjorts kompatibel med relaterade tillägg.

Återigen, beroende på hur CMS är konfigurerat eller hur sidan är utformad, kommer detta antingen att 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ärketyp 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.

Intressanta Artiklar

Redaktionen

Ändra datauppdateringshastighet för Aktivitetshanteraren i Windows 10
Ändra datauppdateringshastighet för Aktivitetshanteraren i Windows 10
Hur man ändrar datauppdateringshastighet för Aktivitetshanteraren i Windows 10. Windows 8 och Windows 10 har en ny Aktivitetshanteringsapp. Du kan ändra datauppdateringshastigheten
Hur man hanterar undertexter för Paramount+ (alla större enheter)
Hur man hanterar undertexter för Paramount+ (alla större enheter)
Undertexter är rätt väg att gå om du vill njuta av din favoritfilm eller TV-program i tysthet. Precis som andra streamingplattformar låter Paramount+ dig snabbt slå på och av undertexterna. Dessutom finns det massor av anpassningar till
Se Active Power Plan i Windows 10
Se Active Power Plan i Windows 10
Idag kommer vi att se hur man snabbt hittar den aktiva kraftplanen som för närvarande används i Windows 10. En energiplan i Windows är en uppsättning systemströmalternativ
NVIDIA GeForce 375.70 levereras med stöd för Titanfall 2 och senare spel
NVIDIA GeForce 375.70 levereras med stöd för Titanfall 2 och senare spel
NVIDIA har släppt en 375.70-uppdatering för sin GeForce-mjukvaruupplevelse med några prestandaproblem fixade på Windows 10 och förbättringar för TItanfall 2.
Hur man loggar ut från Hulu på en Roku
Hur man loggar ut från Hulu på en Roku
Att logga ut från Hulu på din Roku kräver bara din fjärrkontroll och gå in i dina inställningar.
Trådlös mus fungerar inte - hur man felsöker
Trådlös mus fungerar inte - hur man felsöker
Om du har problem med din trådlösa mus är den här självstudien något för dig. Det täcker hur man felsöker en trådlös mus i Windows och kommer att få igång igen på nolltid! Ledningar är en olycklig biprodukt
Med Twitter-bokmärken kan du äntligen spara tweets utan att gilla dem
Med Twitter-bokmärken kan du äntligen spara tweets utan att gilla dem
Twitter har äntligen besvarat sina användares böner genom att rulla ut en ny bokmärkesfunktion till iOS-, Android-, mobile.twitter.com- och Twitter Lite-användare. Twitter-bokmärken har testats sedan slutet av förra året, men