Skip to main content

Vælge Web Safe Fonts til dine hjemmesider

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

Tag et kig på et hvilket som helst websted, uanset industri, virksomhedens størrelse eller andre differentierende faktorer, og en ting, du er sikker på at se, at de har til fælles, er tekstindhold. Den måde, som teksten vises på, er brugen af ​​typografisk design, og det er et af de vigtigste aspekter af et websteds udseende og succes.

I mange år blev webdesignere begrænset i antallet af skrifttyper, som de kunne bruge, hvis de ønskede, at disse skrifttyper skulle vises på de hjemmesider, de skabte pålideligt. Disse skrifttyper, der blev fundet på de fleste computere, blev kendt som "websikker skrifttyper". Du har muligvis tidligere hørt dette udtryk fra en webdesigner, da de forsøgte at forklare dig, hvorfor et bestemt skrifttype valg ikke kunne bruges i dit websteds design.

Webtypografi er kommet langt i løbet af de sidste par år, og webdesignere og udviklere er ikke længere begrænset til kun at bruge en håndfuld websikker skrifttyper. Stigningen af ​​web skrifttyper og muligheden for at linke direkte til skrifttypefiler har åbnet en helt ny verden af ​​muligheder for brug af websteds skrifttype. Så nyttigt som det er nu at få adgang til så mange nye skrifttypevalg, har de forsøgte og sande websikker skrifttyper stadig et vigtigt sted i moderne webdesign.

Link til webfonte

I brug skrifttyper på dit websted, der muligvis ikke findes på en persons computer, skal du linke til en web skrifttypefil og instruere dit website om at bruge den skrifttypefil i stedet for at se på den besøgendes computer. Sammenkædning til disse eksterne skrifttyper, som enten er inkluderet sammen med resten af ​​dit websteds aktiver eller som kan knyttes til brugen af ​​en 3-parters skrifttypeservice, giver dig næsten grænseløse skrifttype valg, men denne fordel kommer til en pris. Eksterne skrifttyper skal indlæses på et websted, hvilket vil have en præstationspåvirkning på en webside's indlæsningstid. Det er her, hvor websikker skrifttyper stadig kan være en fordel! Da disse skrifttypefiler indlæses direkte fra den besøgendes computer, er der ingen resultater, når hjemmesiden indlæses. Derfor bruger mange webdesignere nu en blanding af web skrifttyper, der skal downloades sammen med de sikre websikker skrifttyper. Dette kan være det bedste fra begge verdener, da du får adgang til nogle nye og eksotiske skrifttyper, mens du stadig er i stand til at styre webstedets ydeevne og overordnede downloadpåvirkninger.

Sans Serif Web Safe Fonts

Denne familie af skrifttyper er et af dine bedste spil til websikker skrifttyper. Hvis du medtager disse i dine skrifttypestabler, vil næsten alle mennesker se siden korrekt. Nogle almindelige sans-serif web-sikre skrifttyper er:

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

Nogle andre sans-serif valg, der giver dig en god samlet dækning, men måske mangler fra nogle computere, er nedenstående liste. Husk bare, at hvis du bruger disse, skal du også medtage en mere almindelig en som en sikkerhedskopi fra listen ovenfor i din skrifttypestabel.

  • Århundrede gotisk
  • Geneve
  • Lucida
  • Lucida Sans
  • Lucida Grande

Serif Web Safe Fonts

Ud over sans-serif-skrifttyper er serif font-familien et andet populært valg for hjemmesider. Her er nogle af dine sikreste væddemål, som du kan bruge, hvis du vil have en serif skrifttype:

  • kurer
  • Courier New
  • Georgien
  • Times
  • Times New Roman

Endnu en gang er nedenstående liste skrifttyper, der vil være på mange computere, men som har mindre samlet dækning som listen ovenfor. Du kan bruge disse skrifttyper temmelig pålideligt, men skal også indeholde en mere almindelig serif font (fra listen ovenfor) i din skrifttypestabel.

  • MS Serif
  • New York
  • Palatino
  • Palatino Linotype

Monospace Fonts

Selvom det ikke er så udbredt som serif og sans-serif-skrifttyper, er monospaced-skrifttyper også en mulighed. Disse skrifttyper er dem, der har bogstaver, der er lige adskilt fra hinanden. De har ikke så bred accept på tværs af platforme, men hvis du vil bruge en monospace skrifttype, er disse dine bedste spil:

  • kurer
  • Courier New

Disse skrifttyper har også en vis dækning.

  • Lucida Console
  • Monaco

Cursive og Fantasy Fonts

Cursive og fantasy skrifttyper er ikke populære som serif eller sans-serif, og de udsmykkede karakter af disse skrifttyper gør dem upassende at bruge som body copy. Disse skrifttyper bruges hyppigere som overskrifter og titler, hvor de er angivet i større skrifttypestørrelser og kun for korte udbrud af tekst. Stilfuldt kan disse skrifttyper se rigtig godt ud, men du skal veje udseendet af skrifttypen mod læsbarheden af ​​enhver tekst, du angiver ved at bruge dem.

Der er kun en cursiv skrifttype, der er tilgængelig på Windows og Macintosh, men ikke på Linux. Det er Comic Sans MS. Der er ingen fantasy skrifttyper, der har god dækning på tværs af browsere og operativsystemer. Dette betyder, at hvis du bruger cursive af fantasy skrifttyper på din hjemmeside, bruger du sandsynligvis dem som web skrifttyper og linker til den relevante skrifttype fil.

Smartphones og mobile enheder

Hvis du designer sider til mobile enheder, er websafe skrifttype valg variabel. For iPhone, iPod og iPad enheder omfatter de almindelige skrifttyper:

  • Arial
  • kurer
  • Courier New
  • Georgien
  • Helvetica
  • Palatino
  • Times New Roman
  • Trebuchet MS
  • Verdana

Web skrifttyper er et fremragende valg, når du overvejer multi-enhed design, da det er muligt at indlæse eksterne skrifttyper, der giver dig et meget mere ensartet udseende fra enhed til enhed. Du kan så temperere de downloadede skrifttyper med et eller to websikker valg for at få udseendet og ydeevnen dit websted behøver for at lykkes.

Originalartikel af Jennifer Krynin. Redigeret af Jeremy Girard den 8/8/17