Hva er en Web Font?

Visste du at nettleseren din automatisk laster ned og bruker fonter som ikke er installert på systemet ditt? Webfonter hjelper sidene du blar hver dag ser bedre ut. Her er hva de er og hvordan de jobber.

Vi bruker alle skrifttyper hver dag. Noen av dem Kom med operativsystemet ditt , noen kommer fra applikasjoner som Adobe Creative Suite eller Microsoft Office, og noen er de som du laster ned eller kjøper og Installer deg selv . Når de er installert, kan du bruke disse skriftene i tekstbehandlere, bilderedigeringsprogramvare og mer. Disse er desktop fonter, og de lagres lokalt.

En annen type skrifttype har blitt viktigere da vår databehandling har flyttet online. Dette er web fonts-typografi lagret på skyen (og deretter cached i nettleseren din) og brukes til å generere teksten som vises på nettsteder.

I de tidlige dagene på Internett var typografi på nettsider begrenset til hvilke fonter som ble installert på systemet ditt. Hvis en skrifttype ikke ble installert, ville nettsiden laste en standard "Fallback" -fonte som var mer sannsynlig å være tilgjengelig. På grunn av dette valgte webdesignere ofte standard systemfonter for deres nettsteder.

Blant disse var Microsofts Kjernefonter for web , et sett med skrifttyper som er gjort fritt tilgjengelige for webdesign. Denne pakken inkluderte mye brukte systemfonter som Times New Roman, Arial, Comic Sans og Trebuchet. Alternativt kan designere bruke skrifttypefamilier som Serif, Sans-Serif og Monospace for å spesifisere den generelle stilen til en skrifttype, selv om en bestemt ikke var tilgjengelig.

Dette endret seg i 2010 når Google lanserte Google Fonter , et stort åpent kilde-depot for gratis fonter som kan brukes hvor som helst på nettet. Siden da har andre konkurrenter, som Adobes TypeKit og Web-hosted font plugins, dukket opp. Millioner av nettsteder fra hele verden kjører på webfonter, inkludert Googles produktivitetspakke .

Den største web-fontleverandøren, Google Fonter, er et ekspansivt webbibliotek på over tusen skrifter. Du kan bruke dem på nettstedet ditt ved å trekke dem via CSS, og mobile utviklere kan få tilgang til disse fontene når du lager Android-apps.

Når en webside bruker Google Fonter, trekker den en skrift fra Googles database og viser deretter teksten i den fonten til deg i nettleseren din. Disse fontene er vert på Googles server og lastes nesten øyeblikkelig. Andre Cloud Font Services jobber mye på samme måte.

Et annet alternativ bruker selvtillit, innebygde fonter på nettet i stedet. Dette gjøres gjennom Web Open Font format (WOFF) -En komprimert skriftfil utviklet av Mozilla som er kompatibel med de fleste moderne nettlesere. WOFF er nyttig hvis du vil legge inn en egendefinert skrift som ikke er tilgjengelig på en web font service.

Google Fonter-depotet og alle fonter under det er helt gratis å bruke og tilgjengelig for alle. Det bruker bare skrifttyper under en åpen lisens, og mange av disse fontene har blitt stifter av webdesign, som Roboto, Lato og Montserrat. Google er vert for et nettsted som viser alle sine tilgjengelige fonter, og lar deg prøve dem og sammenligne dem med hverandre. Google tilbyr også en database med gratis vektorikoner.

Siden disse fontene er fritt tilgjengelige, kan du laste ned de originale skriftfilene For bruk på skrivebordet ditt også. Mange nettsteder er vert for Google Fonters repositorier, inkludert Googles egen github . Du kan bruke disse skriftene i prosjekter, dele dem fritt med andre, og last dem ned fra andre steder på internett gratis.

Mange nettsidebyggere og innholdsledere som WordPress og Squarespace kommer med støtte for webfonter ut av esken. Hvis du bruker et egendefinert nettsted, må du laste opp fontfilen til serveren din og bruke CSS-koden til å peke på skriftfilen du vil bruke.

Hvis du vil lære mer om å bruke webfonter for nettstedet ditt, sjekk ut dette CSS Web Font Guide fra w3schools.

I SLEKT: Slik installerer du og administrerer skrifttyper i Windows 10s innstillinger-app