CSS gebruiken om lettertypen op webpagina's te wijzigen

De onderstaande schermafbeeldingen zijn van toepassing op de JSFiddle.net-codespeeltuin, maar de concepten die worden beschreven, zijn waar, ongeacht waar uw code is geïmplementeerd.

Zoek de tekst waar u het lettertype wilt wijzigen. We gebruiken dit als voorbeeld:

Wijzig binnen het stijlkenmerk het lettertype met de font-familie stijl.

Sla de wijzigingen op om de effecten te zien.

De beste aanpak is om altijd ten minste twee lettertypen in uw lettertype stapel (de lijst met lettertypen), zodat als de browser het eerste lettertype niet heeft, hij in plaats daarvan het tweede lettertype kan gebruiken.

Het hierboven geschetste voorbeeld maakt gebruik van inline-styling, maar de beste soort styling gebruikt een externe stylesheet om meer te wijzigen dan alleen dat ene element. Gebruik een klasse om de stijl op tekstblokken in te stellen.

Sluit CSS-stijlen altijd af met een puntkomma (;). Het is niet vereist als er maar één stijl is, maar het is een goede gewoonte om te beginnen.