Sådan finder du en websides skrifttype ved hjælp af Inspect Element Tool og browserudvidelser

Dit websteds succes afhænger i høj grad af dets udseende. At have den rigtige farvekombination og det rette tema holder dine besøgende lidt længere på dit websted. Ud over dit sides farvepalet og struktur spiller den skrifttype, du vælger, også en vigtig rolle for at holde dit publikum engageret.

Måske støder du på et tiltalende sted, mens du surfer på nettet, og du vil vide, hvilke skrifttyper det bruger. Med onlineudvidelser og din browsers indbyggede Inspect Element-værktøj er det hurtigt og nemt at identificere en skrifttype.

Hvis du ikke vidste det, giver din browsers indbyggede Inspect Element-værktøj dig mulighed for at undersøge et websides kildekode. Du kan forstå designelementerne på et websted ved at se på dets CSS, HTML og andre oplysninger. Det er en fantastisk måde at få inspiration, når du designer dit eget websted.

Processen med at identificere en skrifttype ved hjælp af Inspect Element-værktøjet er ret enkel, og du har ikke brug for nogen kodningsfærdigheder. Dette værktøj er tilgængeligt i alle browsere på markedet, og hver har et lignende layout.

Sådan identificeres en skrifttype ved hjælp af din browsers inspektionsværktøj.

1. Åbn det websted, du vil bruge.
2. Fremhæv den tekst, der har den skrifttype, du vil identificere, og højreklik på den.
3. Klik på Inspicere fra genvejsmenuen.
4. Når menuen Inspicer åbnes, skal du klikke på Beregnet.
5. Rul ned for at finde Font-familie afsnit. Her kan du finde skrifttypenavn og stil samt dens dimensioner.

Hvis du vil have en hurtigere måde at finde et websteds skrifttype ved hjælp af inspiceringsværktøjet, skal du prøve dette i stedet:

1. Åbn det websted, du vil bruge.
2. Trykke Ctrl + Skift + C (Cmd + Skift + C på Mac).
3. Hold markøren over teksten for at få vist skrifttypestil, størrelse, farvekode og margen.

Du kan også kontrollere listen over skrifttyper, der bruges på en webside ved hjælp af inspiceringsværktøjet. Sådan gør du:

1. Gå til websiden.
2. Åbn kildekoden ved at trykke på Ctrl + Skift + I (Cmd + Skift + I på Mac).
3. Klik på Netværk fanen, og vælg derefter Skrifttype fanen.
4. Her ser du en liste over alle de skrifttyper, der bruges på websiden.

For at få listen over alle skrifttyper i realtid skal du muligvis opdatere websiden.

Relaterede: Sådan øges eller formindskes skriftstørrelse i Firefox

Sådan identificeres skrifttyper ved hjælp af browserudvidelser

Hvis du vil have en mere bekvem måde at identificere en skrifttype på, kan du installere en browserudvidelse, der finder font. Mens der er flere browserudvidelser, der kan hjælpe med at registrere skrifttyper på internettet, er de to mest populære WhatFont og Font Finder.

Lad os se på processen med at identificere skrifttyper ved hjælp af begge udvidelser.

1. WhatFont

WhatFont er meget populær til hurtigt at opdage flere skrifttyper på én gang. Sådan bruges dette værktøj.

1. Når WhatFont er aktiveret i din browser, skal du holde markøren over teksten for at vise dens skrifttype.
2. Når du klikker på teksten, vises et popup-vindue med resten af ​​skrifttypedetaljerne, såsom skriftstørrelse, farve og stil.
3. Derudover kan du vælge flere sektioner med tekst samtidigt for at sammenligne forskellige skrifttyper på samme side.

Hent: WhatFont til Chrome | Firefox | Safari (Ledig)

2. Font Finder

Font Finder viser også skrifttypedetaljer, når du holder markøren over en hvilken som helst tekst på et websted. Det giver dog mange tekniske detaljer, så det kan blive lidt forvirrende, hvis du ikke er fortrolig med webdesign.

Når det er sagt, er Font Finder mere egnet til webudviklere, der ønsker at erstatte eksisterende skrifttyper med nye i realtid. Dette gør det let at teste skrifttyper, inden der foretages permanente ændringer.

Sådan testes en skrifttype ved hjælp af Font Finder:

1. Fremhæv en del af teksten fra websiden.
2. Højreklik på den, og vælg Font Finder fra genvejsmenuen.
3. Vælg Udskift skrifttype med og indtast skrifttypenavnet. Lad os tilføje Calibri og se, hvordan det ændrer skrifttypen i forhåndsvisningen.
4. Opdater siden, hvis du vil nulstille skrifttypen.

Hent: FontFinder til Chrome | Edge | Firefox (Ledig)

Hvad med at kontrollere skrifttypen i et billede?

Hvis du vil identificere skrifttyperne i et billede, hjælper browserudvidelser og din browsers inspiceringsværktøj muligvis ikke. Du kan dog prøve online billedinspektørværktøjer som f.eks WhatFontIs, FontSquirrel, Fontspring, WhatTheFont, og mange andre.

Processen til at identificere en skrifttype fra et billede er stort set den samme i alle værktøjer. Lad os prøve at identificere skrifttypen i et billede ved hjælp af WhatTheFont.

1. Hvis du ikke allerede har gjort det, skal du downloade det billede, du vil bruge.
2. Importer billedet til WhatTheFont.
3. WhatTheFont registrerer automatisk teksten i dit billede. Krymp eller forstør beskæringsboksen, så den omgiver den skrifttype, du vil identificere. Hit på pileknap når du er færdig.
4. WhatTheFont matcher derefter skrifttypen i billedet med skrifttyper i galleriet og viser dig nært beslægtede skrifttyper.
5. Hvis du ikke finder et godt match med det samme, kan du fortsætte med at klikke Vis flere resultater for at se flere relaterede skrifttyper.

Relaterede: Bedste gratis skrifttypewebsteder til gratis skrifttyper online

Find skrifttyper fra Internettet, og brug dem i dine designs

Skrifttyper spiller en vigtig rolle i succesen af ​​et websted eller et grafisk design. Hvis du snubler over en engagerende skrifttype, mens du surfer på nettet, kan du nemt registrere den ved hjælp af ovenstående metoder.

WhatTheFont og 4 alternativer til at finde skrifttyper fra billeder

Vil du finde skrifttyper fra billeder? Der er onlineværktøjer, der kan gøre det for dig, herunder WhatTheFont og forskellige alternativer.

Læs Næste

Om forfatteren