Hvordan sjekke skriftstørrelsen og ansiktet på et nettsted

Enten du er interessert i design eller bare liker utseendet til et bestemt nettsted, kan det å vite hvilken type font nettstedet bruker og hvilken størrelse det er hjelpe deg med å etterligne det eller bruke det på ditt eget nettsted. Det er flere måter å oppnå dette på, og jeg skal vise deg noen av dem her. Så hvis du vil sjekke skrifttype og størrelse på en nettside, les videre!

Hvordan sjekke skriftstørrelsen og ansiktet på et nettsted

Med bokstavelig talt millioner av fonter der ute, kan det ta lengre tid å finne den perfekte. Når du oppdager en god en, må du finne ut hva den er akkurat der og da, ellers kan du miste den for godt. Hvis det er en spesielt god en, kan du bruke den på din egen nettside, som en Office-font eller i Windows avhengig av hvilken type font det er. Bare husk at noen fonter er opphavsrettsbeskyttet og ikke er tilgjengelige for offentlig bruk.

Kontrollere skrifttype og -størrelse på et nettsted

Det er noen måter å sjekke skrifttype og -størrelse på et hvilket som helst nettsted. Den enkleste metoden bruker nettleseren selv, mens andre bruker tredjepartsverktøy for å identifisere sideressurser. Jeg dekker begge typer. Først vil vi fokusere på den innebygde nettlesermetoden.

  1. Høyreklikk på siden du liker utseendet på og velg Inspisér element (Firefox), Undersøke (Chrome), eller F12Utviklerverktøy (Kant). Chrome Web-menyen
  2. Plukke ut Inspektør (Firefox) eller Beregnet (Chrome) i de nye nederste vinduene og rull ned til høyre til du kommer til Font eller skriftstørrelse. Den skal vise skriftfamilien, spesifikk font som brukes, størrelsen, fargen og alt annet siden definerer. Chrome Inspector Tool

Ulike CMS og forskjellige webdesign viser fontinformasjonen deres på forskjellige måter. Prøv denne metoden på noen få nettsider, og du vil sannsynligvis se noen forskjellige måter fonter er definert på.

hvordan-sjekke-skrifttype-og-størrelse-på-et-nettsted-2

Tredjepartsverktøy for å identifisere skrifttype og -størrelse

Det er noen få tredjeparts tillegg som fungerer enten som plugins eller som bokmerke og kan identifisere skrifttyper. De fungerer med de fleste nettlesere, inkludert Safari, så du bør finne noe du kan jobbe med uten store problemer.

Firebug

Firebug pleide å være et Firefox-bare feilsøkingsverktøy for utviklere. Det ble så populært at det nå er nettleseragnostisk og vil fungere med de fleste nettlesere. Det er et utrolig allsidig verktøy som kan sjekke hvilket som helst element på en nettside, inkludert skriften.

  1. Bare installer tillegget som du normalt ville gjort, uthev litt tekst på siden, klikk på HTML-fanen i Firebug, og klikk deretter "Computed" til høyre. Firebug skal da fremheve skriftnavnet, skriftfamilien, størrelsen, vekten og alt du trenger å vite.

Men husk at Firebug har blitt avviklet fra og med 2017. Eldre versjoner av den kan fortsatt lastes ned, men de vil ikke bli oppdatert lenger, og Firebug vil sannsynligvis miste funksjonalitet etter hvert som nettlesere utvikler seg.

hvordan-sjekke-skrifttype-og-størrelse-på-et-nettsted-3

WhatFont

WhatFont er et bokmerke som kan identifisere fonter på nettsider. Dra bokmerket til bokmerkelinjen og bruk den til å identifisere nesten hvilken som helst skrift, hvor som helst. Det er gratis å bruke, og veldig enkelt. Naviger til en nettside du liker, klikk på bokmerket og hold musepekeren over skriften du vil identifisere. En liten svart boks vises over den, som forteller deg skriften.

Ettersom den har blitt oppdatert, er den til og med gjort kompatibel med relaterte tillegg.

Igjen, avhengig av hvordan CMS er konfigurert eller hvordan siden er utformet, vil dette enten være en enkel fontidentifikasjon eller en full boks som gir deg størrelse, farge, vekt og så videre.

Det er mange tilleggstyper av bokmerketype som kan identifisere fonter; WhatFont er bare en av dem. Bruker du en? Har denne artikkelen overbevist deg om å prøve en ny? Gi oss beskjed nedenfor.