Cum se modifică fontul pe paginile Web utilizând CSS

Elementul FONT a fost depreciat în HTML 4 și nu face parte din specificația HTML5. Deci, dacă doriți să schimbați fonturile de pe paginile dvs. web, ar trebui să învățați cum să faceți acest lucru cu CSS (Cascading Style Sheets ).

Pași pentru schimbarea fontului cu CSS

  1. Deschideți o pagină Web utilizând un editor de text HTML . Poate fi o pagină nouă sau existentă.
  2. Scrieți un text: Acest text este în Arial
  3. Înconjurați textul cu elementul SPAN: Acest text este în Arial
  4. Adăugați atributul style = "" la eticheta Span: Acest text este în Arial
  5. În cadrul atributului de stil, modificați fontul folosind stilul familiei fontului: Acest text este în Arial

Sfaturi pentru schimbarea fontului cu CSS

  1. Separați mai multe opțiuni de fonturi cu o virgulă (,). De exemplu,
    1. font-familie: Arial, Geneva, Helvetica, sans-serif;
    2. Cel mai bine este să aveți întotdeauna cel puțin două fonturi în stiva fontului dvs. (lista fonturilor), astfel încât dacă browserul nu are primul font, acesta poate folosi al doilea.
  2. Întotdeauna închideți fiecare stil CSS cu un semi-colon (;). Nu este necesar atunci când există un singur stil, dar este un obicei bun pentru a intra în.
  3. Acest exemplu folosește stiluri inline, dar cel mai bun tip de stiluri este pus în foi de stil externe, astfel încât să puteți afecta mai mult decât un singur element. Puteți utiliza o clasă pentru a seta stilul pe blocuri de text. De exemplu:
    1. class = "arial"> Acest text este în Arial
    2. Utilizarea CSS:
    3. .arial {font-family: Arial; }