Jednostavne mogućnosti stylinga omogućuju promjenu fontova (ili tipa) web stranice pomoću CSS (Cascading Style Sheets). Možete postaviti font pojedinih riječi, određene rečenice, naslove, cijele odlomke, pa čak i cijele stranice teksta.
Kako promijeniti font pomoću CSS
Možete napraviti HTML i CSS promjene objašnjene u nastavku koristeći bilo koji HTML editor ili uređivač teksta. Možete kopirati tekst sa stranice i zalijepiti ga u urednik kako biste izvršili tu izmjenu ili otvorili cijelu web stranicu u uređivaču i uredili izravno.
-
Pronađite tekst na kojem želite promijeniti font. To ćemo upotrijebiti kao primjer:
Ovaj je tekst u Arialu
-
Okružite tekst sa elementom SPAN:
Ovaj je tekst u Arialu
-
Dodajte atribut style = "" do oznake raspona:
Ovaj je tekst u Arialu
-
Unutar atributa stila, promijenite font pomoću font-family stil.
Ovaj je tekst u Arialu
-
Spremite promjene da biste vidjeli učinke.
Savjeti za korištenje CSS-a za promjenu fonta
-
Najbolji je pristup uvijek imati barem dva slova u svojem fontu (popis fontova), tako da ako preglednik nema prvi font, umjesto toga može koristiti drugi font.
Odvojite više izbora fonta s zarezom, ovako:
font-obitelj: Arial, Ženeva, Helvetica, sans-serif;
-
Primjer koji je gore objašnjen koristi inline styling, ali najbolja vrsta stylinga koristi vanjski stilski list kako biste mogli utjecati na više od samo jednog elementa. Možete koristiti klasu za postavljanje stila na blokove teksta.
Ovaj je tekst u Arialu
U ovom primjeru CSS datoteka za stil gore navedenog HTMLa pojavit će se na sljedeći način:
.arial {font-family: Arial; }
-
CSS stilove uvijek završavajte točkom sa zarezom (;). Nije nužno kad postoji samo jedan stil, ali to je dobra navika za početak.
