Skip to main content

Velge Web Safe Fonts for nettsteder

What Are Web Safe Fonts and How Does it Affect Your Website? (April 2025)

What Are Web Safe Fonts and How Does it Affect Your Website? (April 2025)
Anonim

Ta en titt på et hvilket som helst nettsted, uavhengig av bransje, bedriftsstørrelse eller andre differensierende faktorer, og en ting du er sikker på å se at de har felles er tekstinnhold. Måten teksten vises på, er praksis med typografisk design, og det er en av de viktigste aspektene ved et nettsteds utseende og suksess.

I mange år ble webdesignere begrenset i antall fonter som de kunne bruke hvis de ønsket at de fonter skulle vises pålitelig på nettstedene de opprettet. Disse skriftene som ble funnet på de fleste datamaskiner, ble kjent som "trygge skrifttyper". Du har kanskje hørt dette begrepet tidligere fra en webdesigner som de prøvde å forklare for deg hvorfor et bestemt skriftvalg ikke kunne brukes i nettstedets design.

Webtypografi har kommet langt over de siste årene, og webdesignere og utviklere er ikke lenger begrenset til bare å bruke en håndfull websikker fonter. Stigningen av webfonter og muligheten til å koble direkte til fontfiler har åpnet opp en helt ny verden av muligheter for bruk av nettsidefonter. Like nyttig som det er å nå få tilgang til så mange nye skrifttypevalg, har de prøvde og sanne websikker skriftene fortsatt et viktig sted i moderne webdesign.

Kobling til webfonter

I brukskrifter på nettstedet ditt som kanskje ikke er på noen datamaskin, må du koble til en webfontefil og instruere nettstedet ditt for å bruke den skriftfilen i stedet for å se på den besøkende datamaskin. Kobling til disse eksterne skriftene, som enten er inkludert sammen med resten av nettstedet ditt, eller som kan knyttes til bruk av en tredjeparts skrifttype, gir deg nesten ubegrensede skriftvalg, men den fordelen kommer til en pris. Eksterne skrifttyper må lastes på et nettsted, som vil ha en ytelsespåvirkning på en nettsideens innlastingstid. Det er her websikker skrifttyper kan fortsatt være en fordel! Siden disse skriftfilene lastes direkte fra den besøkendes datamaskin, blir det ingen ytelse som treffer når nettstedet laster. Dette er grunnen til at mange webdesignere bruker en blanding av webfonter som må lastes ned sammen med de pålitelige websikker skriftene. Dette kan være det beste fra begge verdener, ettersom du får tilgang til noen nye og eksotiske skrifter mens du fremdeles er i stand til å administrere ytelse på nettstedet og overordnet nedlastingseffekt.

Sans Serif Web Safe Fonts

Denne familien av skrifttyper er et av dine beste spill for websikker fonter. Hvis du inkluderer disse i skriftstablene dine, ser nesten alle på siden riktig. Noen vanlige sans-serif-websikker fonter er:

  • arial
  • Arial Black
  • Tahoma
  • Trebuchet MS
  • Verdana

Noen andre sans-serif valg som gir deg god samlet dekning, men kanskje mangler fra noen datamaskiner, er listet nedenfor. Bare husk at hvis du bruker disse, må du også inkludere en mer vanlig som en sikkerhetskopi fra listen ovenfor i fontstakken.

  • Century Gothic
  • Genève
  • Lucida
  • Lucida Sans
  • Lucida Grande

Serif Web Safe Fonts

I tillegg til sans-serif-fonter er serif font-familien et annet populært valg for nettsteder. Her er noen av dine sikreste spill for deg å bruke hvis du vil ha en serif font:

  • kurer
  • Courier New
  • Georgia
  • ganger
  • Times New Roman

Igjen, listen nedenfor er skrifter som vil være på mange datamaskiner, men som har mindre generelle dekning som listen ovenfor. Du kan bruke disse skriftene ganske pålitelig, men bør inneholde en mer vanlig serif font (fra listen ovenfor) i fontstakken din også.

  • MS Serif
  • New York
  • Palatino
  • Palatino Linotype

Monospace Fonts

Selv om det ikke er så mye brukt som serif og sans-serif-fonter, er monospaced-fonter også et alternativ. Disse skriftene er de som har bokstaver som er like spredt fra hverandre. De har ikke så bred aksept på tvers av plattformer, men hvis du vil bruke en monospace font, er disse dine beste spill:

  • kurer
  • Courier New

Disse skriftene har også noe dekning.

  • Lucida Console
  • Monaco

Kursiv og Fantasy Fonter

Kursive og fantasy skrifttyper er ikke populære som serif eller sans-serif, og den utsmykkede naturen til disse skriftene gjør dem upassende å bruke som kroppskopi. Disse skriftene bruker oftere som overskrifter og titler der de er angitt i større skriftstørrelser og kun for korte tekstbrudd. Stylistically disse skriftene kan se veldig bra ut, men du må veie utseendet på skrifttypen mot lesbarheten av enhver tekst du har satt inn med dem.

Det er bare en kursiv skrift som er tilgjengelig på Windows og Macintosh, men ikke på Linux. Det er Comic Sans MS. Det finnes ingen fantasy skrifter som har god dekning over nettlesere og operativsystemer. Dette betyr at hvis du bruker kursiv av fantasy skrifttyper på nettstedet ditt, bruker du sannsynligvis dem som webfonter og kobler til riktig skriftfil.

Smart telefoner og mobile enheter

Hvis du designer sider for mobile enheter, er websafe skriftvalg variabel. For iPhone, iPod og iPad-enheter omfatter de vanlige skriftene:

  • arial
  • kurer
  • Courier New
  • Georgia
  • Helvetica
  • Palatino
  • Times New Roman
  • Trebuchet MS
  • Verdana

Webfonter er et utmerket valg når du vurderer design av flere enheter, siden det å kunne laste eksterne fonter gir deg et mye mer konsekvent utseende fra enhet til enhet. Du kan deretter temperere de nedlastede skriftene med ett eller to websikker valg for å få utseendet og ytelsen som nettstedet ditt trenger for å lykkes.

Opprinnelig artikkel av Jennifer Krynin. Redigert av Jeremy Girard på 8/8/17