Opțiunile de stil simple vă permit să modificați fontul (sau tipul) fontului unei pagini web utilizând CSS (Sheets of Cascading Style Sheets). Puteți seta fontul cuvintelor individuale, propoziții specifice, titluri, paragrafe întregi și chiar pagini întregi de text.
Cum de a schimba fontul cu CSS
Puteți face modificările HTML și CSS explicate mai jos utilizând orice editor HTML sau editor de text. Puteți să copiați textul din pagină și să îl inserați într-un editor pentru a efectua modificările acolo sau pentru a deschide întreaga pagină web în editor și pentru a edita direct.
-
Găsiți textul în care doriți să schimbați fontul. Vom folosi acest lucru ca exemplu:
Acest text este în Arial
-
Înconjurați textul cu elementul SPAN:
Acest text este în Arial
-
Adăugați atributul style = "" la eticheta Span:
Acest text este în Arial
-
În cadrul atributului de stil, modificați fontul utilizând familie de fonturi stil.
Acest text este în Arial
-
Salvați modificările pentru a vedea efectele.
Sfaturi pentru utilizarea CSS pentru a schimba fontul
-
Cea mai bună abordare este să aveți întotdeauna cel puțin două fonturi în stiva fontului dvs. (lista de fonturi), astfel încât dacă browserul nu are primul font, acesta poate folosi al doilea font.
Separați mai multe opțiuni de fonturi cu o virgulă, după cum urmează:
font-familie: Arial, Geneva, Helvetica, sans-serif;
-
Exemplul explicat mai sus utilizează stilul inline, dar cel mai bun stil de stil folosește o foaie de stil externă pentru a putea afecta mai mult decât un singur element. Puteți utiliza o clasă pentru a seta stilul pe blocuri de text.
Acest text este în Arial
În acest exemplu, fișierul CSS pentru stilul HTML de mai sus va apărea după cum urmează:
.arial {font-family: Arial; }
-
Întotdeauna închideți stilurile CSS cu un punct și virgulă (;). Nu este necesar atunci când există un singur stil, dar este un obicei bun pentru a începe.
