Skrifttyper fra Google Fonts

søndag, 1 september, 2019

Ved hjelp av såkalte nettskrifttyper (webfonts) kan vi bruke et stort utvalg ulike skrifttyper som ligger lagret på internett, og som gjør det mulig å bruke skrifttypen uten at den er installert hos brukeren. Google Fonts er et eksempel på en slik tilbyder.

Først velger du en eller flere skrifttyper du ønsker å benytte fra Google Fonts ved å klikke på den røde plussen ved siden av navnet på skrifttypen.

Klikk deretter på den svarte boksen nederst i høyre hjørne. Her vil du få opp instruksjoner for å legge skrifttypen på nettsiden din. Velg fanen @import for å legge skrifttypen direkte inn i stilarket ditt.

Kopier koden som står inne i <style>-taggen (ikke ta med <style></style>), og lim den inn i stilarket ditt.

Du kan nå legge inn koden for skrifttypen på hvilket element du ønsker.

body {
   font-family: 'Roboto', sans-serif;
}


Om forfatteren

Jan Frode Lindsø
Lærer innen informasjonsteknologi.