Fonturi HTML

HTML | Stefanescu Mihai | 2020-10-11

Fonturile sunt foarte importante in “construirea” unui website. Fonturile si culorile depinde in primul rand de browserele folosite la afisarea siteului, dar putem folosi tag-ul <font> pentru a seta anumite stiluri, marimi si culori. Putem folosi tag-ul <basefont> pentru a seta un stil, o marime si o culoare default.Tag-ul font are trei atribute, size, color si face. Pentru a schimba fontul intr-un oarecare moment in pagina ta web foloseste tag-ul acesta in felul urmator :

<font size='4' color='red' face='Times New Roman'>fontul ce trebuie sa fie schimbat ajunge aici</font>

Nota: Aceste doua tag-uri (font si basefont) sunt deprecated, deci intr-o verwiune viitoare de HTML urmeaza sa fie scoase complet. Este recomandat sa folositi CSS pentru a modifica fonturile.

Setare dimensiune font

Puteti seta dimensiunea fontului folosind atributul size. Acest atribut accepta valori intregi intre 1(mai mic) si 7(mai mare). Dimensiunea standard este 3.

<font size="1">Font size="1"</font><br />
<font size="2">Font size="2"</font><br />
<font size="3">Font size="3"</font><br />
<font size="4">Font size="4"</font><br />
<font size="5">Font size="5"</font><br />
<font size="6">Font size="6"</font><br />
<font size="7">Font size="7"</font>

Setare dimensiune relativa font

Puteti folosi acest atribut pentru a specifica de cate ori mai mare sau mai mic sa fie un anumit font decat dimensiunea standard.

Poate fi specificat in urmatorul fel: <font size=’+n’> sau <font size=’-n’>

<font size="-1">Font size="-1"</font><br />
<font size="+1">Font size="+1"</font><br />
<font size="+2">Font size="+2"</font><br />
<font size="+3">Font size="+3"</font><br />
<font size="+4">Font size="+4"</font>

Setare font face

Puteti seta tipul fontului folosind atributul face, dar trebuie sa tinem minte ca daca un user nu are un anumit font instalat nu va vedea textul cu acel font.

<font face="Times New Roman" size="5">Times New Roman</font><br />
<font face="Verdana" size="5">Verdana</font><br />
<font face="Comic sans MS" size="5">Comic Sans MS</font><br />
<font face="WildWest" size="5">WildWest</font><br />
<font face="Bedrock" size="5">Bedrock</font><br />

Specificarea de fonturi alternative

Un vizitator va putea sa vada decat fonturile care sunt instalate si in sistemul lui, deci…este posibil sa specificam mai multe fonturi astfel incat daca nu are un anumit font in computer poate are altul.

<font face="arial,helvetica">
<font face="Lucida Calligraphy,Comic Sans MS,Lucida Console">

Cand pagina este incarcata browser-ul va afisa primul font valabil. Daca vizitatorul nu are nici-unul dintre fonturile specificate instalate pe computer textul va fi afisat in Times New Roman.

Specificare culoare font

Putem specifica orice culoare folosindu-ne de atributul color. Putem specifica o anumita culoare in 2 moduri, ori cu numele acelei culori, ori codul hexazecimal. Lista completa de culori html se gaseste aici.

<font color="#00FF00">Acest text este verde</font><br />
<font color="red">Acest text este rosu</font>

Elementul <basefont>

Acest element seteaza un font standard pentru orice parte a documentului (partile ce nu sunt puse intr-un tag <font>)

Acest tag poate seta atat fontul cat si culoarea si marimea.Exemplu:

<!DOCTYPE html>
<html>
<head>
<title>Setare font standard cu Basefont</title>
</head>
<body>
<basefont face="arial, verdana, sans-serif" size="2" color="#ff0000">
<p>Aici este afisat fontul standard.</p>

<h2>Exemplu element &lt;basefont&gt;</h2>
<p><font size="+2" color="darkgray">
Suprascriere element <basefont> cu <font>
</font></p>

<p><font face="courier" size="-1" color="#000000">
Inca o suprascriere.
</font></p>

</body>
</html>

Articolul precedent

Articolul urmator

Imi place ce faci aici

Daca iti place ce fac aici imi poti cumpara o cafea

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.

Get in touch

Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

🔖 Bookmarks ⊞

✨ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌪️ Discord ⊞