Hvordan bruke CSS til å endre skrifttyper på websider

Skjermbildene nedenfor gjelder for JSFiddle.net-kode lekeplass, men konseptene som er beskrevet er sanne uansett hvor koden din er implementert.

Finn teksten der du vil endre skrift. Vi bruker dette som et eksempel:

Innenfor stilattributtet, endre skrift ved hjelp av font-familie stil.

Lagre endringene for å se effektene.

Den beste tilnærmingen er å alltid ha minst to skrifttyper i skriftstabel (listen over skrifter), slik at hvis nettleseren ikke har den første fonten, kan den bruke den andre fonten i stedet.

Eksemplet skissert ovenfor bruker innebygd styling, men det beste slags styling bruker en eksternt stilark for å endre mer enn bare det ene elementet. Bruk en klasse for å sette stilen på tekstblokker.

Avslutt alltid CSS-stiler med semikolon (;). Det kreves ikke når det bare er en stil, men det er en god vane å starte.