Kuinka käyttää CSS: tä verkkosivujen fonttien vaihtamiseen

Alla olevat kuvakaappaukset koskevat JSFiddle.net-koodikenttää, mutta kuvatut käsitteet ovat totta riippumatta siitä, missä koodisi on toteutettu.

Etsi teksti, johon haluat vaihtaa fontin. Käytämme tätä esimerkkinä:

Muuta fontti tyylimääritteessä käyttämällä font-family tyyli.

Tallenna muutokset nähdäksesi vaikutukset.

Paras tapa on, että aina on vähintään kaksi fonttia fontin pino (fonttien luettelo), joten jos selaimella ei ole ensimmäistä kirjasinta, se voi käyttää toista kirjasinta.

Edellä hahmoteltu esimerkki käyttää sisäistä muotoilua, mutta parasta eräänlainen muotoilu käyttää ulkoinen tyyli muokata enemmän kuin vain yhtä elementtiä. Määritä tyyli tekstilohkoille luokan avulla.

Lopeta CSS-tyylit aina puolipisteellä (;). Sitä ei vaadita, kun on vain yksi tyyli, mutta se on hyvä tapa aloittaa.