Yksinkertaisten styling-asetusten avulla voit muuttaa verkkosivun fonttia (tai tyyppiä) käyttämällä CSS (Cascading Style Sheets) -työkalua. Voit asettaa fontin yksittäisten sanojen, erityisten lauseiden, otsikoiden, koko kappaleita, ja jopa koko sivun tekstiä.
Kuinka vaihtaa fonttia CSS: llä
Voit tehdä HTML- ja CSS-muutokset alla selitetyin HTML-editorilla tai tekstieditorilla. Voit kopioida tekstin sivulta ja liittää sen editoriksi tekemään muutokset siellä tai avata koko verkkosivun editorissa ja muokata sitä suoraan.
-
Etsi teksti, johon haluat vaihtaa fonttia. Käytämme tätä esimerkkinä:
Tämä teksti on Arialissa
-
Tekstin ympärillä on SPAN-elementti:
Tämä teksti on Arialissa
-
Lisää attribuutti style = "" span-tunnisteeseen:
Tämä teksti on Arialissa
-
Muuta kirjasinta tyyliattribuutin avulla font-family tyyli.
Tämä teksti on Arialissa
-
Tallenna muutokset nähdäksesi vaikutukset.
Vinkkejä CSS: n käyttämiseen fontin muuttamiseksi
-
Paras tapa on aina olla vähintään kaksi fonttia kirjasintyynyssä (fonttien luettelo), joten jos selaimella ei ole ensimmäistä fonttia, se voi käyttää toista fonttia sen sijaan.
Erota useita fontin valintoja pilkulla, kuten:
fonttiperhe: Arial, Geneva, Helvetica, sans-serif;
-
Edellä selitetty esimerkki käyttää inline-muotoilua, mutta paras tyyli käyttää ulkoista tyyliarkkia, jotta voit vaikuttaa useampaan kuin yhteen elementtiin. Voit käyttää luokkaa asettaaksesi tyylin tekstilohkoihin.
Tämä teksti on Arialissa
Tässä esimerkissä CSS-tiedosto, jolla ylläpidetään HTML-muotoa, näytetään seuraavasti:
.arial {font-family: Arial; }
-
Lopeta aina CSS-tyylit puolipisteellä (;). Se ei ole tarpeen, kun on vain yksi tyyli, mutta se on hyvä tapa aloittaa.
