Cum se folosește CSS pentru a schimba fonturile pe paginile web

Capturile de ecran de mai jos se aplică locului de joacă pentru codul JSFiddle.net, dar conceptele descrise sunt adevărate, indiferent unde este implementat codul dvs.

Localizați textul unde doriți să modificați fontul. Vom folosi acest lucru ca exemplu:

În cadrul atributului de stil, modificați fontul folosind familie de fonturi stil.

Salvați modificările pentru a vedea efectele.

Cea mai bună abordare este să ai întotdeauna cel puțin două fonturi în stiva de fonturi (lista de fonturi), astfel încât, dacă browserul nu are primul font, acesta poate folosi în schimb al doilea font.

Exemplul prezentat mai sus folosește stilul inline, dar cel mai bun un fel de stil folosește un foaie de stil externă pentru a modifica mai mult decât un singur element. Folosiți o clasă pentru a seta stilul pe blocuri de text.

Încheiați întotdeauna stilurile CSS cu punct și virgulă (;). Nu este necesar atunci când există un singur stil, dar este un obicei bun să începi.