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

12 sätt att fixa det när FaceTime inte fungerar
12 sätt att fixa det när FaceTime inte fungerar
Lär dig de vanligaste orsakerna till att FaceTime slutar fungera och vad du kan göra för att åtgärda problemet.
Taggarkiv: Windows 10 inaktiverar automatiska uppdateringar
Taggarkiv: Windows 10 inaktiverar automatiska uppdateringar
Ladda ner Ladda ner Windows 8 Media Player AIO v1.0 Skin för AIMP3
Ladda ner Ladda ner Windows 8 Media Player AIO v1.0 Skin för AIMP3
Ladda ner Windows 8 Media Player AIO v1.0 Skin för AIMP3. Här kan du ladda ner Windows 8 Media Player AIO v1.0-skalet för AIMP3-spelaren. Alla krediter går till den ursprungliga författaren till denna hud (se hudinformation i AIMP3-inställningar). Författare:. Ladda ner 'Ladda ner Windows 8 Media Player AIO v1.0 Skin för AIMP3'
Hur man får Discord att fungera på din skola eller högskola
Hur man får Discord att fungera på din skola eller högskola
När du är på en skola, högskola eller statlig institution är chansen stor att din tillgång till vissa webbplatser är begränsad. Detta gäller särskilt för sociala plattformar eller webbplatser för innehållsdelning som kan utbyta känslig data. Eftersom discord är både och,
Hur man tar bort arkivering av en Gmail-e-post
Hur man tar bort arkivering av en Gmail-e-post
När din Gmail blir full av e-postmeddelanden kan du radera de äldsta, men du kan inte granska dem i framtiden om det behövs. Att arkivera gamla e-postmeddelanden är kanske det bästa du kan göra eftersom du kan
Snappables: Hur man spelar Snapchat-spel
Snappables: Hur man spelar Snapchat-spel
Vill du spela spel med dina vänner på Snapchat? Då kommer du att älska Snappables! Så här fungerar de och hur du börjar spela dem.
Hur man byter språk i Nike Run Club
Hur man byter språk i Nike Run Club
https://www.youtube.com/watch?v=dfbzAhi2a58 För dig som inte känner till Nike Run Club är det en av de mest populära träningsapparna för löpare och Nike-sneakersägare. Appen har många inställningar och