Sådan finder du en hjemmesides skrifttype ved hjælp af værktøjet Undersøg Element og udvidelser

forskellige skrifttyper  forskellige skrifttyper  forskellige skrifttyper forskellige skrifttyper

succesen på din hjemmeside afhænger meget af dens udseende. At have den rigtige farvekombination og tema vil holde dine besøgende på din hjemmeside for lidt længere. Ud over din 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 online udvidelser og din bro.ser indbyggede inspicere Element værktøj, identificere en skrifttype er hurtig og nem.

Sådan finder du skrifttyper ved hjælp af værktøjet Inspicer Element

hvis du ikke vidste det, giver din bro.sersers indbyggede Inspektionselementværktøj dig mulighed for at undersøge en hjemmesides kildekode. Du kan forstå designelementerne på et sted ved at se på dets CSS, HTML og andre oplysninger. Det er en fantastisk måde at få inspiration, når du designer din egen hjemmeside.

processen med at identificere en skrifttype ved hjælp af værktøjet Inspicer Element er ganske enkel, og du behøver ingen kodningsevner. Dette værktøj er tilgængeligt i alle bro. sere på markedet, og hver har et lignende layout.

Sådan identificerer du en skrifttype ved hjælp af din bro.ser.

  1. Åbn den hjemmeside, du vil bruge.
  2. fremhæv den tekst, der har den skrifttype, du vil identificere, og højreklik på den.
  3. Klik på Undersøg fra genvejsmenuen.
     Søg efter mulighed åben
  4. når Inspektionsmenuen åbnes, skal du klikke på den beregnede.
  5. Rul ned for at finde afsnittet skrifttype-familie. Her kan du finde skrifttypens navn og stil samt dens dimensioner.
    Søgeinspektør Åbn med kildekode, der viser skrifttypefamilie

andre måder at bruge Inspiceringsværktøjet

hvis du vil have en hurtigere måde at finde et steds skrifttype ved hjælp af Inspiceringsværktøjet, kan du prøve dette i stedet:

  1. Åbn den hjemmeside, du vil bruge.
  2. tryk på Ctrl + Skift + C (Cmd + Skift + C på Mac).
  3. Hold markøren over teksten for at få vist skrifttypestil, størrelse, farvekode og margen.
    dialogboks, der viser Skrifttypedetaljer for en tekst i Chrome

du kan også tjekke listen over skrifttyper, der bruges på en hjemmeside ved hjælp af værktøjet Undersøg. Sådan gør du dette:

  1. gå til hjemmesiden.
  2. Åbn kildekoden ved at trykke på Ctrl + Shift + i (Cmd + Shift + I på Mac).
  3. Klik på fanen Netværk, og vælg derefter fanen Skrifttype.
  4. her kan du se en liste over alle de skrifttyper, der bruges på hjemmesiden.
     liste over skrifttyper, der bruges på hjemmesiden vist i Chrome

for at få listen over alle skrifttyper i realtid, skal du muligvis opdatere hjemmesiden.

Sådan identificeres skrifttyper ved hjælp af udvidelser

hvis du vil have en mere bekvem måde at identificere en skrifttype på, kan du installere en udvidelse til font-finding. Mens der er flere udvidelser, der kan hjælpe med at registrere skrifttyper på nettet, er de to mest populære dem Hvadfont og Font Finder.

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

Hvadfont

Hvadfont er meget populær til hurtigt at opdage flere skrifttyper på en gang. Sådan bruger du dette værktøj.

  1. hold markøren over teksten for at vise dens skrifttype.
     Hvad viser skrifttypenavn Over tekst
  2. når du klikker på teksten, vises et popup-vindue med resten af skrifttypedetaljerne, såsom skriftstørrelse, farve og stil.
     Hvad viser Skrifttypedetaljer for en tekst
  3. Derudover kan du vælge flere sektioner af tekst samtidigt for at sammenligne forskellige skrifttyper på samme side.
    Hvad Viser Flere Skrifttypedetaljer På Samme Tid

Hent: Font Finder

Font Finder

Font Finder viser også font detaljer, når du holder musepekeren over en tekst på en hjemmeside. Det giver dog en masse tekniske detaljer, så det kan blive lidt forvirrende, hvis du ikke er bekendt med internetdesign.

Font Finder Plugin viser Indepth Font detaljer

når det er sagt, er Font Finder mere velegnet til internetudviklere, der ønsker at erstatte eksisterende skrifttyper med nye i realtid. Dette gør det nemt 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 hjemmesiden.
  2. Højreklik på den og vælg Font Finder fra genvejsmenuen.
    udskiftning af skrifttype med font Finder Plugin
  3. Vælg Erstat skrifttype med og indtast skrifttypenavnet. Lad os tilføje Calibri og se, hvordan det ændrer skrifttypen i forhåndsvisningen.
    ændring af skrifttype til Calibri med Font Finder
  4. hvis du vil nulstille skrifttypen, skal du opdatere siden.
    skrifttype ændret til Calibri

Hent: FontFinder til Chrome | Edge / Firefoks (gratis)

hvad med at kontrollere skrifttypen i et billede?

hvis du vil identificere skrifttyperne i et billede, hjælper det muligvis ikke. Du kan dog prøve online billedinspektørværktøjer som f.eks.

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 Hvadthefont.

  1. hvis du ikke allerede har det, skal du hente det billede, du vil bruge.
  2. Importer billedet til hvad.
     Hvad er Detfont image Font Detection boks
  3. Thefont registrerer automatisk teksten i dit billede. Formindsk eller forstør beskæringsboksen, så den omgiver den skrifttype, du vil identificere. Tryk på pileknappen, når du er færdig.
     tilføjelse af et billede
  4. Thefont vil derefter matche skrifttypen i billedet med skrifttyper i sit galleri, og vil vise dig nært beslægtede skrifttyper.
     hvad Viser relaterede skrifttyper
  5. hvis du ikke finder et godt match med det samme, Du kan fortsætte med at klikke på Vis flere resultater for at se flere relaterede skrifttyper.
     Vis flere resultater

find skrifttyper fra internettet og brug dem i dine Designs

skrifttyper spiller en væsentlig rolle i succesen med en hjemmeside 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.

Shan Abdul (107 artikler udgivet)

Shan Abdul er ingeniøruddannet. Efter at have afsluttet sin eksamen og MS, han har startet sin karriere som freelance skribent. Han skriver om at bruge forskellige værktøjer og programmer til at hjælpe folk til at være mere produktive som studerende eller professionel. I sin fritid elsker han at se Youtube-videoer om produktivitet.

Mere Fra Shan Abdul

Leave a Reply

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.