Kaip pakeisti šriftą tinklalapiuose naudojant CSS

FONT elementas nebuvo patvirtintas HTML 4 formatu ir nėra HTML5 specifikacijos dalis. Taigi, jei norite pakeisti šriftus savo tinklalapiuose, turėtumėte sužinoti, kaip tai padaryti naudojant CSS (kaskadinio stiliaus lapai ).

Žingsniai keičiant šriftą naudojant CSS

  1. Atidarykite tinklalapį naudodami teksto HTML redaktorių . Tai gali būti naujas ar esamas puslapis.
  2. Parašyk kokį nors tekstą: šis tekstas yra Arial
  3. Suraskite tekstą su elementu SPAN: Šis tekstas yra Arial
  4. Pridėkite atributo style = "" į tarpinę žymę: šis tekstas yra Arial
  5. Laikydamas stiliaus atributą pakeiskite šriftą šriftų šeimos stiliumi: šis tekstas yra Arial

Patarimai, kaip pakeisti šriftą naudojant CSS

  1. Atskirkite kelis šrifto pasirinkimus kableliu (,). Pavyzdžiui,
    1. font-family: Arial, Geneva, Helvetica, sans-serif;
    2. Geriausia, kad jūsų šriftuose (šriftų sąraše) būtų bent du šriftus, taigi, jei naršyklė neturi pirmojo šrifto, ji gali naudoti antrą.
  2. Visada uždarykite kiekvieną CSS stilių su pusiau dvitaškio (;). Tai nereikalinga, kai yra tik vienas stilius, bet tai yra geras įprotis patekti į.
  3. Šiame pavyzdyje naudojami eiliniai stiliai, tačiau geriausias stilių tipas pateikiamas išorinių stilių lapuose , kad galėtumėte paveikti daugiau nei vieną elementą. Galite naudoti klasę stiliaus nustatymui teksto blokuose. Pavyzdžiui:
    1. class = "arial"> Šis tekstas yra Arial
    2. CSS naudojimas:
    3. .arial {font-family: Arial; }