Kako promijeniti font na web stranicama koristeći CSS

Element FONT je zastario u HTML-u 4 i nije deo HTML5 specifikacije. Dakle, ako želite da promenite fontove na vašim veb stranicama, trebate naučiti kako to raditi pomoću CSS-a (Cascading Style Sheets ).

Koraci ka promeni fonta sa CSS-om

  1. Otvorite web stranicu koristeći HTML editor . To može biti nova ili postojeća stranica.
  2. Napišite neki tekst: Ovaj tekst je u Arial
  3. Surround tekst sa SPAN elementom: Ovaj tekst je u Arial
  4. Dodajte atribut style = "" u oznaku span: Ovaj tekst je u Arial
  5. U okviru atributa stila promenite font pomoću stila font-family: Ovaj tekst je u Arial

Saveti za promenu fonta sa CSS-om

  1. Odvojite više izbora fontova sa zarezom (,). Na primjer,
    1. font-family: Arial, Ženeva, Helvetica, sans-serif;
    2. Najbolje je uvek imati najmanje dva fonta u vašem stacku fontova (spisak fontova), tako da ako pretraživač nema prvi font, on može koristiti drugu.
  2. Uvek zaustavite svaki stil CSS-a pomoću polovine (;). Ne zahteva se kada postoji samo jedan stil, ali to je dobra navika da se uđete.
  3. Ovaj primjer koristi inline stilove, ali najbolji tip stilova se stavlja u spoljne stil liste tako da možete utjecati na više od samo jednog elementa. Možete koristiti klasu da postavite stil na blokove teksta. Na primjer:
    1. class = "arial"> Ovaj tekst je u Arial
    2. Korišćenje CSS-a:
    3. .arial {font-family: Arial; }