Hvordan finne en nettsides skrift ved hjelp av Inspect Element Tool og nettleserutvidelser

Suksessen til nettstedet ditt avhenger i stor grad av utseendet. Å ha riktig fargekombinasjon og tema vil holde de besøkende på nettstedet ditt litt lenger. I tillegg til nettstedets fargepalett og struktur, spiller skriften du velger også en viktig rolle for å holde publikum engasjert.

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

Hvis du ikke visste det, lar nettleserens innebygde Inspect 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 kodingsferdigheter. Dette verktøyet er tilgjengelig i alle nettlesere på markedet, og hver har et lignende oppsett.

Slik identifiserer du en skrift ved hjelp av nettleserens inspiseringsverktøy.

1. Åpne nettstedet du vil bruke.
2. Marker teksten som har skriften du vil identifisere, og høyreklikk den.
3. Klikk på Undersøke fra hurtigmenyen.
4. Når Inspiser-menyen åpnes, klikker du på Beregnet.
5. Bla ned for å finne Font-familie seksjon. Her kan du finne skriftnavnet og stilen, samt dimensjoner.

Hvis du vil ha en raskere måte å finne skriftsiden 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 + Shift + C på Mac).
3. Hold markøren over teksten for å vise skriftstil, størrelse, fargekode og margin.

Du kan også sjekke listen over skrifttyper som brukes på en webside ved hjelp av inspiseringsverktøyet. Slik gjør du dette:

1. Gå til websiden.
2. Åpne kildekoden ved å trykke på Ctrl + Shift + I (Cmd + Shift + I på Mac).
3. Klikk på Nettverk kategorien, og velg deretter Font fanen.
4. Her ser du en liste over alle skriftene som brukes på websiden.

For å få listen over alle skriftene i sanntid, må du kanskje oppdatere nettsiden.

I slekt: Hvordan øke eller redusere skriftstørrelse i Firefox

Hvordan identifisere skrifter ved hjelp av nettleserutvidelser

Hvis du vil ha en mer praktisk måte å identifisere en skrift på, kan det være lurt å installere en nettleserutvidelse for fontfinning. Mens det er flere nettleserutvidelser som kan hjelpe med å oppdage skrifter på nettet, er de to mest populære WhatFont og Font Finder.

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

1. WhatFont

WhatFont er populært 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 fonten.
2. Når du klikker på teksten, vises et popup-vindu med resten av skriftdetaljene, for eksempel skriftstørrelse, farge og stil.
3. I tillegg kan du velge flere tekstseksjoner samtidig for å sammenligne forskjellige skrifttyper på samme side.

Nedlasting: WhatFont for Chrome | Firefox | Safari (Gratis)

2. Font Finder

Font Finder viser også skriftdetaljer når du holder markøren over tekst på et nettsted. Imidlertid gir det mange tekniske detaljer, så det kan bli litt forvirrende hvis du ikke er kjent med webdesign.

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

Slik tester du ut en skrift ved hjelp av Font Finder:

1. Fremhev en del tekst fra websiden.
2. Høyreklikk på den og velg Font Finder fra hurtigmenyen.
3. Å velge Erstatt skrift med og skriv inn skriftnavnet. La oss legge til Calibri og se hvordan den endrer skrift i forhåndsvisningen.
4. Hvis du vil tilbakestille skriften, må du oppdatere siden.

Nedlasting: FontFinder for Chrome | Kant | Firefox (Gratis)

Hva med å sjekke skriften i et bilde?

Hvis du vil identifisere skriftene i et bilde, kan det hende at nettleserutvidelser og nettleserens inspiseringsverktø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 skrifttypen i et bilde ved hjelp av WhatTheFont.

1. Hvis du ikke allerede har gjort det, laster du ned bildet du vil bruke.
2. Importer bildet til WhatTheFont.
3. WhatTheFont vil automatisk oppdage teksten i bildet ditt. Krymp eller forstør beskjæringsboksen slik at den omgir skriften du vil identifisere. Slå den piltast når ferdig.
4. WhatTheFont vil deretter matche fonten i bildet med skrifter i galleriet, og viser deg nært beslektede skrifter.
5. Hvis du ikke finner en god kamp med en gang, kan du fortsette å klikke Vis flere resultater for å se flere relaterte skrifter.

I slekt: Beste gratis skrifttypenettsteder for gratis skrift på nettet

Oppdag skrifter fra nettet og bruk dem i designene dine

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

WhatTheFont og 4 alternativer for å finne skrifter fra bilder

Vil du finne skrifttyper fra bilder? Det er verktøy på nettet som kan gjøre det for deg, inkludert WhatTheFont og forskjellige alternativer.

Les Neste

Om forfatteren