Hva er en skrifttypetester?

En skrifttypetester er et verktøy som lar deg forhåndsvise hvordan en skrifttype ser ut før du bruker den i en design eller på et nettsted. I stedet for å installere en skrift på operativsystemet ditt eller bygge den inn i et prosjekt, kan du laste den direkte i nettleseren og se nøyaktig hvordan bokstaver, tall og symboler blir gjengitt. Dette er spesielt nyttig for å evaluere egendefinerte eller ukjente skrifttyper, siden det visuelle karakteren til en skrifttype — dens proporsjoner, vekt, avstand og rytme — bare kan bedømmes i sammenheng med ekte tekst.

Moderne nettlesere eksponerer FontFace API, som gjør det mulig å registrere en skrift fra en lokal fil og bruke den på hvilket som helst element på siden uten å laste opp noe til en server. All gjengivelse skjer lokalt, så skriftfilen forlater aldri enheten din.

Verktøybeskrivelse

Denne skrifttypetesteren lar deg laste opp en skriftfil (TTF, OTF, WOFF eller WOFF2) og forhåndsvise den umiddelbart med fullt tilpassbare typografiinnstillinger. Du kan justere størrelse, linjehøyde, tegneavstand, ordavstand, vekt, stil, justering og farger, og deretter se resultatet gjengitt direkte på tvers av flere eksempler — eksempeltekst, fullt alfabet, tall, symboler og en størrelseskala — for å evaluere skrifttypen fra alle vinkler.

Skriften lastes helt inn i nettleseren; ingen opplasting, konto eller installasjon er nødvendig.

Eksempler

Inndata: En egendefinert .woff2-fil pluss eksempelteksten The quick brown fox jumps over the lazy dog.

Utdata: En live-forhåndsvisning av den setningen gjengitt i den opplastede skriften ved valgt størrelse, vekt og avstand, pluss separate paneler som viser det store alfabetet, det små alfabetet, tall, symboler og den samme pangram gjentatt ved 12, 16, 20, 24, 32, 48, 64 og 96 piksler.

Funksjoner

  • Lokal skriftlasting: Slipp inn en TTF-, OTF-, WOFF- eller WOFF2-fil og se den brukt umiddelbart
  • Fullstendige typografikontroller: Juster skriftstørrelse, linjehøyde, tegneavstand, ordavstand, vekt, kursiv og justering
  • Fargetilpasning: Velg tekst- og bakgrunnsfarger for å teste kontrast og merkevarekombinasjonene
  • Flere eksempler: Forhåndsvise skriften med egendefinert tekst, fullt alfabet, tall, symboler og en størrelseskala
  • Personvernvennlig: Filer behandles i nettleseren din og lastes aldri opp til en server

Brukstilfeller

  • Evaluering av en kjøpt eller nedlastet skrift: Prøv en skrifttype på tvers av størrelser, vekter og farger før du forplikter deg til den for et merke eller prosjekt
  • Testing av webskrift-gjengivelse: Sjekk hvordan en .woff2-fil faktisk vises i nettleseren, inkludert kerning, avstand og kursiv stil
  • Utforming av typografi for et nettsted eller en app: Iterer raskt på skriftstørrelse, linjehøyde og tegneavstand for å finne den rette kombinasjonen

Støttede formater

  • TTF (TrueType Font)
  • OTF (OpenType Font)
  • WOFF (Web Open Font Format)
  • WOFF2 (Web Open Font Format 2.0)

Alternativer forklart

  • Eksempeltekst — Teksten som vises i hovedforhåndsvisningspanelet; støtter flere linjer.
  • Skriftstørrelse — Størrelse på hovedforhåndsvisingsteksten i piksler (8–200). Alfabet-, tall- og symbolpanelene gjengis på 75 % av denne verdien.
  • Linjehøyde — Vertikal avstand mellom linjer, uttrykt som en prosentandel av skriftstørrelsen (50–300%).
  • Tegneavstand — Ekstra plass mellom individuelle tegn, i piksler (-10 til 30). Negative verdier strammer teksten.
  • Ordavstand — Ekstra plass mellom ord, i piksler (-10 til 50).
  • Skriftvekt — Numerisk vekt fra 100 (Thin) til 900 (Black). Bare vekter som faktisk er inkludert i skriftfilen vil gjengis tydelig; andre simuleres av nettleseren.
  • Kursiv — Veksler font-style: italic. Hvis skriften ikke har en kursiv variant, kan nettleseren syntetisere en skrå versjon.
  • Tekstjustering — Venstre, senter, høyre eller fullstendig justering for forhåndsvisningspanelene.
  • Tekstfarge / Bakgrunnsfarge — Farger som brukes i alle forhåndsvisningspaneler, nyttig for å forhåndsvise skriften på den tiltenkte bakgrunnen.

Tips

  • Noen skrifttyper leveres bare med en enkelt vekt; bytte til fet eller tynn kan se identisk ut eller falle tilbake til en syntetisk nettleserstil. Sjekk skriftens dokumentasjon hvis en vekt ser feil ut.
  • Bruk størrelseskalapanelet til å oppdage skrifttyper som gir dårlige hint ved små størrelser — en skrifttype som ser elegant ut ved 64px kan bli uleselig ved 12px.
  • Test skriften din mot både lyse og mørke bakgrunner; tynne vekter forsvinner ofte på mørke bakgrunner og må økes.
  • Sammenlign store og små alfabetpaneler side ved side for å evaluere x-høyde, store bokstavhøyde og generell rytme.

Begrensninger

  • Variable skriftakser utover standard vekt og kursiv er ikke eksponert individuelt.
  • OpenType-funksjoner som ligaturer, stilistiske alternativer og små bokstaver gjengis ved hjelp av nettleserens standarder og kan ikke veksles i brukergrensesnittet.
  • Svært store skriftfiler kan ta en stund å laste og analysere.