Pagina de start a forumului Web-Design.MyForum.ro


Web-Design.MyForum.ro
Welcome!
Raspunde la subiect
3. Fonturi.
Cristty
Administrator
Administrator

Data inscrierii: 19/Noi/2008
Mesaje: 13
Raspunde cu citat (quote)
Un font este caracterizat de urmatoarele atribute:

culoare (stabilita prin atributul color);
tipul sau stilul (stabilit prin atributul face);
marimea (definita prin atributul size);
marimea in puncte tipografice (stabilita prin atributul point-size);
grosime (definita prin atributul weight).
Toate aceste semne apartin etichetei, care permite inserarea de blocuri de texte personalizate.

Culori

O culoare poate fi precizata in doua moduri:

printr-un nume de culoare.
printr-o constanta conform standardului de culoare RGB (Red, Green,Blue). O astfel de constanta se formeaza astfel: #rrggbb, unde r, g si b sunt cifre hexazecimale.
Culorea fontului

Pentru a scrie un fragment de text cu caractere de o anumita tentă se incadreaza acest fragment intre delimitatorii ... avand stabilit atributul color la valoarea necesara. De exemplu:

<font color=red>fragment de text de nuanță rosie</font>

Familia fontului

Pentru a scrie un text intr-o pagina pot fi utilizate mai multe fonturi (stiluri de caractere). Exista cinci familii generice de fonturi care sunt de regula disponibile pe toate calculatoarele utilizatorilor: serif, sans serif, cursive, monospace si fantasy.
Tipul de font necesar poate fi stabilit prin atributul face al etichetei.
Pot fi introduse mai numeroase fonturi separate prin virgula.

<font face="Arial, serif, monospace">

In acest caz browserul va utiliza întâiul font pe care il cunoaste.

<html>
<head>
<title> Colorit si familia fontului</title>
</head>
<body>
Aceste linie este scrisa cu caractere normale.
<br> <font color="red">Aceasta linie este rosie.</font>
<br>Aici<font color="green">fiecare</font>
<font color="blue">cuvant</font>
<font color="yellow">are</font>
<font color="cyan">alta</font>
<font color="#3478fa">culoare.</font>
<br><font face="monospace">Linie scrisa cu caractere monospatiate.</font>
<br> <font face="arial">Linie scrisa cu caractere arial.</font>
</body>
</html>
vezi acest exemplu
Marimea fontului

Penrtu a stabili marimea unui font se utilizeaza atributul size al etichetei. Valorile acestui atribut pot fi:

1, 2, 3, 4, 5, 6, 7 ( 1 pentru cel mai mic font si 7 pentru cel mai mare);
+1, +2, etc. pentru a mari mărimea fontului cu 1, 2, etc. fata de valoarea curenta;
-1, -2, etc. pentru a micsora măsură fontului cu 1, 2, etc. fata de valoarea curenta.
Marimea unui font poate fi stabilita exact cu susținerea atributului point-size. Valorile acceptate de acest atribut pot fi orice numere naturale pozitive.Numarul astfel precizat reprezinta marimea fontului in puncte tipografice.
Acest atribut functioneaza numai cu Netscape Communicator.

<html>
<head>
<title> Marimea fontului</title>
</head>
<body>
Aceste linie este scrisa cu caractere normale. <br>
<font size="5">Fonturi de marime 5.</font> <br>
<basefont size="4">Fonturi de marime 4.</font> <br>
<font size="-3">Fonturi de marime 1.</font> <br>
<font size="+2">Fonturi de marime 6.</font> <br>
<font point-size="30">Fonturi de marime 30 pt (numai cu Netcape Communicator).</font> <br>
<font point-size="50">Fonturi de marime 50 pt (numai cu Netcape Communicator).</font>
</body>
</html>
vezi acest exemplu
Grosimea unui font

Grosimea unui caracter poate fi definita cu ajutorul atributului weight al etichetei.
Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600, 700, 800 si 900 (100 pentru fontul cel mai subtire si 900 pentru cel mai gros).

<html>
<head>
<title> Grosimea fontului</title>
</head>
<body>
Aceste linie este scrisa cu caractere normale. <br>
<font weight="100">Fonturi de grosime 100.</font> <br>
<font weight="500">Fonturi de grosime 500.</font> <br>
<font weight="900">Fonturi de grosime 900.</font>
</body>
</html>
Vezi profilul utilizatoruluiTrimite mesaj privat
uahanamiti
Junior
Junior

Data inscrierii: 30/Iun/2012
Mesaje: 6
Localitate: Ukraine
Raspunde cu citat (quote)
This is simply amazing!
Vezi profilul utilizatoruluiTrimite mesaj privat
misanchik
Junior
Junior

Data inscrierii: 22/Iul/2012
Mesaje: 5
Localitate: Bulgaria
Raspunde cu citat (quote)
This is awesome!
Vezi profilul utilizatoruluiTrimite mesaj privat
misanchik
Junior
Junior

Data inscrierii: 22/Iul/2012
Mesaje: 5
Localitate: Bulgaria
Raspunde cu citat (quote)
Yes, there is nothing wrong with say, but say that this is a mega article is not worth it!
Vezi profilul utilizatoruluiTrimite mesaj privat
misanchik
Junior
Junior

Data inscrierii: 22/Iul/2012
Mesaje: 5
Localitate: Bulgaria
Raspunde cu citat (quote)
In my little fantezie world it's different! The more you can add a little more information!
Vezi profilul utilizatoruluiTrimite mesaj privat
3. Fonturi.
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum
Ora este GMT + 2 ore  
Pagina 1 din 1  

  
  
 Raspunde la subiect