Kuinka vaihtaa fontin Web-sivuilla CSS: n avulla

FONT-elementti hylättiin HTML 4: ssä eikä se ole osa HTML5-määritystä. Joten, jos haluat muuttaa Web-sivujen kirjasimia, sinun pitäisi oppia tekemään se CSS: n (Cascading Style Sheets ) avulla.

Fonttien muuttaminen CSS: llä

  1. Avaa Web-sivu tekstin HTML-editoriin . Se voi olla uusi tai olemassa oleva sivu.
  2. Kirjoita teksti: Tämä teksti on Arialissa
  3. Tekstin ympärillä SPAN-elementti: Tämä teksti on Arialissa
  4. Lisää attribuutti style = "" span tag: Tämä teksti on Arial
  5. Muuta tyylin tyyli-attribuutissa font-family style: Tämä teksti on Arialissa

Vinkkejä Fontin muuttamiseen CSS: llä

  1. Erota useita fontin valintoja pilkulla (,). Esimerkiksi,
    1. fonttiperhe: Arial, Geneva, Helvetica, sans-serif;
    2. Fontin fonttiluettelossa on aina oltava vähintään kaksi fonttia, joten jos selaimella ei ole ensimmäistä fonttia, se voi käyttää toista sijoitusta.
  2. Lopeta aina CSS-tyylit puolipisteellä (;). Se ei ole tarpeen, kun on vain yksi tyyli, mutta se on hyvä tapa päästä mukaan.
  3. Tämä esimerkki käyttää inline-tyyliä, mutta tyylilajit on sijoitettu ulkoisiin tyyliarkkeihin, jotta voit vaikuttaa useampaan kuin yhteen elementtiin. Voit käyttää luokkaa asettaaksesi tyylin tekstilohkoihin. Esimerkiksi:
    1. class = "arial"> Tämä teksti on Arialissa
    2. CSS: n käyttäminen:
    3. .arial {font-family: Arial; }