Sunteți pe pagina 1din 2

Fonturi si tag-urile font

Viata ar fi plictisitoare numai cu un singur font… dar, crezi sau nu, Internetul pornise in aceasta
directie: eram constransi sa folosim font-ul default, de obicei Times. Acum, majoritatea calculatoarelor
au o varietate de fonturi instalate pe care le putem folosi in cadrul HTML.

Acest tutorial iti va arata cum sa utilizezi tag-ul Font si cum poti specifica un font alternativ daca
browserul nu il recunoaste pe cel ales de tine.

Tag-ul FONT
Tag-ul FONT ii “spune” browserului sub ce forma sa afiseze textul continut in pagina web, dar si
culoarea si marimea acestuia. Sintaxa este:

<font size="marime"
face="aparenta" color="culoarea textului"

Dupa acest tag poti scrie textul propriu-zis, inchizand cu tag-ul </font>.

Atributul size poate lua valori intre 1 si 7, 3 fiind marimea standard pentru browser. Vizitatorii site-ului
tau pot schimba aceasta valoare implicita (default) din browser, deci marimea pe care o precizezi in
tag-ul font este relativa fata de marimea fontului selectata de utilizator.

Prin atributul face poti specifica numele fontului in forma literala, de exemplu: "Times New Roman"
sau "Helvetica". Poti include mai multe fonturi in cadrul acestui atribut, separandu-le prin virgula, iar
browserul va selecta primul font din lista care este instalat pe calculatorul utilizatorului ce viziteaza
site-ul.

In cazul in care browserul nu are instalat nici unul dintre fonturile alese de tine, poti utiliza optiunea
de font serif (de exemplu Times) sau non-serif (de exemplu Arial).

Atributul color iti permite sa selectezi culoarea textului. De exemplu, color="0000FF" va produce text
de culoare albastra.

Iata cateva exemple:

<font size="3" face="Times, Palatino, serif"


color="#FF0000">Exemplul 1</font>

<font size="2" face="Arial, Helvetica, nonserif"


color="#008000">Exemplul 2</font>

<font size="5" face="Verdana, Arial, Courier, Times"


color="#FF8000">Exemplul 3</font>
Codul HTML de mai sus va fi afisat de catre browser in felul urmator:

Exemplul 1

Exemplul 2

Exemplul 3
Pentru textul „Exemplul 3”, browserul a selectat primul font din lista inclusa in atributul face.

Alegerea fontului
In general, fonturile serif (e.g. Times, Bookman) sunt folosite in body, iar cele non-serif (e.g. Arial,
Helvetica) pentru titluri. Acest lucru este valabil si pentru paginile web, dar trebuie sa fii atent cu
fonturile serif. Din cauza rezolutiei mici a ecranului, un font ca Times poate fi dificil de citit pentru
dimensiunile mici ale textului (mai putin de 3).

Exemplu: Verdana este un font non-serif (creat special pentru paginile Web), usor de citit si care
arata bine la dimensiuni diferite ale textului. Este posibil ca utilizatorul sa nu aiba fontul Verdana
instalat, deci este recomandat sa specifici o alternativa, de exemplu un alt font non-serif ca Arial sau
Helvetica.

Dimensiunea textului
Daca ai creat pagina Web sub Windows, trebuie sa stii ca browserele Mac sau Unix afiseaza fonturile
mai mici cu cel putin o unitate. Deci, evita pe cat posibil dimensiunile prea mici ale textului.

Iata cum poti folosi tag-ul font astfel incat prima litera a unui rand sa apara in mod diferit fata de
restul textului:

<font size="5">B</font>ine ati venit pe site-ul nostru!

Codul de mai sus va aparea in browser ca:

Bine ati venit pe site-ul nostru!


Tag-urile <H1>..<H6>
Pentru titluri si portiuni speciale de text, HTML recomanda tag-urile Headings. Acestea ofera un
control redus asupra fonturilor, dar ne asigura ca textul va aparea la fel in orice browser.