Slik Finner Du Skrifttypen Til En Nettside Ved Hjelp Av Inspect Element-Verktøyet og Nettleserutvidelser

Ulike Fonter  Ulike Fonter  Ulike Fonter  Ulike Fonter

suksessen til nettstedet ditt er i stor grad avhengig av utseendet. Å ha riktig fargekombinasjon og tema vil holde besøkende på nettstedet ditt for litt lenger. I tillegg til områdets fargepalett og struktur spiller skriften du velger også en viktig rolle i å holde publikum engasjert.

Kanskje du kommer over et tiltalende nettsted mens du surfer på nettet, og du vil vite hvilke skrifter det bruker. Med nettbaserte utvidelser og nettleserens innebygde Inspect Element-verktøy, er det raskt og enkelt å identifisere en skrift.

Slik Finner Du Skrifter Ved Hjelp Av Inspiser Element-Verktøyet

i tilfelle du ikke visste det, lar nettleserens innebygde Inspiser Element-verktøy deg undersøke kildekoden til et nettsted. Du kan forstå designelementene til et nettsted ved å se PÅ CSS, HTML og annen informasjon. Det er en fin måte å få inspirasjon når du designer ditt eget nettsted.

prosessen med å identifisere en skrift ved Hjelp Av Inspect Element verktøyet er ganske enkel, og du trenger ikke noen koding ferdigheter. Dette verktøyet er tilgjengelig i alle nettlesere på markedet, og hver har en lignende layout.

slik identifiserer du en skrift ved Hjelp av Nettleserens Inspeksjonsverktøy.

  1. Åpne nettstedet du vil bruke.
  2. Uthev teksten som har skriften du vil identifisere, og høyreklikk på den.
  3. Klikk På Inspiser fra kontekstmenyen.
     Nettleser Inspisere Alternativet Åpne
  4. Når Inspiser-menyen åpnes, klikker Du På Den Beregnede.
  5. Rull ned for å finne Font-Family-delen. Her kan du finne skriftnavn og stil, samt dens dimensjoner.
    Browser Inspector Åpne Med Kildekode Som Viser Skriftfamilie

Andre Måter Å Bruke Inspiser-Verktøyet På

hvis du vil ha en raskere måte å finne skrifttypen på et nettsted ved Hjelp Av Inspiser-verktøyet, kan du prøve dette i stedet:

  1. Åpne nettstedet du vil bruke.
  2. Trykk Ctrl + Skift + C (Cmd + Skift + C På Mac).
  3. Hold Markøren Over teksten for å vise skriftstil, størrelse, fargekode og marg.
    Dialogboks Som Viser Skriftdetaljer for En Tekst I Chrome

Du kan også sjekke listen over skrifter som brukes på en nettside ved Hjelp Av Inspiser-verktøyet. Slik gjør du dette:

  1. Gå til nettsiden.
  2. Åpne kildekoden ved å trykke Ctrl + Shift + I (Cmd + Shift + I På Mac).
  3. Klikk Kategorien Nettverk, og velg Deretter Kategorien Skrift.
  4. her ser du en liste over alle skriftene som brukes på nettsiden.
     Liste Over Skrifter Som Brukes På Nettstedet, Vises I Chrome Browser Inspector

for å få listen over alle skrifter i sanntid, må du kanskje oppdatere nettsiden.

Slik Identifiserer Du Skrifter Ved Hjelp Av Leserutvidelser

hvis du vil ha en mer praktisk måte å identifisere en skrift på, vil du kanskje installere en skriftsøkende nettleserutvidelse. Mens det er flere leserutvidelser som kan bidra til å oppdage skrifter på nettet, er De to mest populære WhatFont Og Font Finder.

La oss ta en titt på prosessen med å identifisere skrifter ved hjelp av begge utvidelsene.

WhatFont

WhatFont er allment populær for raskt å oppdage flere skrifter samtidig. Slik bruker du dette verktøyet.

  1. når WhatFont er aktivert i nettleseren din, holder du markøren over teksten for å vise skrifttypen.
     WhatFont Viser Skriftnavn Over Tekst
  2. Når du klikker på teksten, vises et popup-vindu med resten av skriftdetaljer, for eksempel skriftstørrelse, farge og stil.
     WhatFont Viser Skriftdetaljer For En Tekst
  3. I Tillegg kan du velge flere deler av teksten samtidig for å sammenligne ulike skrifter på samme side.
     WhatFont Viser Flere Skriftdetaljer Samtidig

Last Ned: WhatFont For Chrome / Firefox / Safari (Gratis)

Font Finder

Font Finder viser også skrift detaljer når du holder musepekeren over tekst på et nettsted. Det gir imidlertid mange tekniske detaljer, så det kan bli litt forvirrende hvis du ikke er kjent med webdesign.

Font Finder Plugin Viser Indepth Skrift Detaljer

Når Det er sagt, Er Font Finder mer egnet for webutviklere som vil erstatte eksisterende skrifter med nye i sanntid. Dette gjør det enkelt å teste ut skrifter før du gjør noen permanente endringer.

slik tester du ut en skrift ved Hjelp Av Font Finder:

  1. Uthev en del av teksten fra nettsiden.
  2. Høyreklikk på den og velg Font Finder fra kontekstmenyen.
     Erstatte Font Med Font Finder Plugin
  3. Velg Erstatt skrift med og skriv inn skriftnavnet. La Oss legge Calibri og se hvordan det endrer skriften i forhåndsvisningen.
     Endre Skriften Til Calibri Med Font Finder
  4. hvis du vil tilbakestille skrifttypen, oppdaterer du siden.
     Skrift Endret Til Calibri

Last Ned: FontFinder For Chrome / Edge / Firefox (Gratis)

Hva Med Å Sjekke Skriften i Et Bilde?

hvis du vil identifisere skriftene i et bilde, kan det hende at nettleserutvidelser og Nettleserens Inspeksjonsverktøy ikke hjelper. Du kan imidlertid prøve online bildeinspektørverktøy som WhatFontIs, FontSquirrel, Fontspring, WhatTheFont og mange andre.

prosessen for å identifisere en skrift fra et bilde er stort sett den samme i alle verktøy. La oss prøve å identifisere skriften i et bilde ved Hjelp Av WhatTheFont.

  1. hvis du ikke allerede har det, laster du ned bildet du vil bruke.
  2. Importer bildet til WhatTheFont.
    Boksen For Gjenkjenning Av Bildefont
  3. WhatTheFont vil automatisk oppdage teksten i bildet ditt. Forminske eller forstørre beskjæringsboksen slik at den omgir skriften du vil identifisere. Trykk på pilknappen når du er ferdig.
     Legge Til Et Bilde I WhatTheFont
  4. WhatTheFont vil da matche skriften i bildet med fonter i sitt galleri, og vil vise deg nært beslektede fonter.
     WhatTheFont Viser Relaterte Skrifter
  5. hvis du ikke finner en god match med en gang, kan du fortsette å klikke Vis flere resultater for å se flere relaterte skrifter.
     Vis Flere Resultater I WhatTheFont

Oppdag Skrifter Fra Nettet Og Bruk Dem I Designene Dine

Fonter spiller en viktig rolle i suksessen til et nettsted eller et grafisk design. Hvis du snubler over en engasjerende skrift mens du surfer på nettet, kan du enkelt oppdage det ved hjelp av metodene ovenfor.

Shan Abdul (107 Artikler Publisert)

Shan Abdul er utdannet ingeniør. Etter å ha fullført sin oppgradering OG MS, har han startet sin karriere som frilansskribent. Han skriver om bruk av ulike verktøy og programvare for å hjelpe folk til å bli mer produktive som student eller profesjonell. På fritiden elsker han Å se Youtube-videoer på produktivitet.

Mer Fra Shan Abdul

Leave a Reply

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.