Hur man använder CSS för att ändra typsnitt på webbsidor

Skärmdumparna nedan gäller JSFiddle.net-kodlekplatsen, men begreppen som beskrivs är sanna oavsett var din kod implementeras.

Leta reda på texten där du vill ändra teckensnittet. Vi använder detta som ett exempel:

Ändra teckensnittet med stilattributet med typsnittsfamilj stil.

Spara ändringarna för att se effekterna.

Det bästa sättet är att alltid ha minst två teckensnitt i din teckensnittsstack (listan med teckensnitt) så att om webbläsaren inte har det första teckensnittet kan den använda det andra teckensnittet istället.

Exemplet som beskrivs ovan använder inline styling, men det bästa typ av styling använder en externt stilark för att modifiera mer än bara ett element. Använd en klass för att ställa in stilen på textblock.

Avsluta alltid CSS-stilar med semikolon (;). Det krävs inte när det bara finns en stil, men det är en bra vana att börja.