abc HTML5 TUTORIAL - Izgled fonta /FONT FAMILY/ STYLE="FONT-FAMILY:naziv

abc HTML5 i CSS TUTORIAL - Linijski CSS /INLINE CSS/

Izgled fonta /FONT FAMILY/ STYLE="FONT-FAMILY:naziv_fonta;"

Slika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

Izgled fonta /FONT FAMILY/

Linijski css
Sintaksa: <TAG style="font-family:naziv_fonta;">

Oznake:
TAG - p | h1 | h2 | h3 | h4 | h5 | h6 | BODY | DIV | SPAN - TAG može da primi jednu od navedenih vrijednosti
p paragraf /PARAGRAPH/
h1 | h2 | h3 | h4 | h5 | h6 - zaglavlje teksta /HEADINGS/
BODY - Tekst u cijelom dokumentu
DIV - Tekst u cijeloj DIV sekciji
SPAN - Tekst u cijeloj SPAN sekciji

font-family - Atribut za ime fonta
naziv_fonta - Otkucati ime fonta (vidi iz tabele).

FONT FACE tag je zastario i u HTML 5 verziji se za izbor parametera fonta koristi CSS.

Slika 2. Izgled fonta /font-family/

Slika 3. Izgled fonta sa i bez SERIF /font-family/

Razlika imeđu SERIF i SANS-SERIF fonta /DIFFERENCE BETWEEN SERIF AND SANS-SERIF FONTS/
Na Internetu se najčešće koriste ekranski fontovi.Fontovi se ralikuju da li imaju SHERIF (na slici crveno). SHERIF pri čitanju "povezuje" riječi tako da doprinosi povećanju brzne čitanja. Međutim ako ekran nije dovoljno kvalitetan tad imamo problem punočom teksta.

Mjesto upotrebe	Način deklarisanja	Link
Cijeli dokument	body { font-family: "Impact"; } ili <body style="font-family:Impact;" >	BODY
Paragraf /PARAGRAPH/ <p>	<p style="font-family:Impact;" >Ljepota nije čudo, ali čini čudesa.</p>	PARAGRAPH
Naslov /HEADINGS/ <h1> ... <h6>	<h2 style="font-family:Comic Sans MS;" >Ljepota nije čudo, ali čini čudesa.</h2>	HEADINGS

Primjeri fonta:

Arial	Arial	The quick brown fox jumps over the lazy dog. 0123456789
Bodoni	Bodoni	The quick brown fox jumps over the lazy dog. 0123456789
Broadway	Broadway	The quick brown fox jumps over the lazy dog. 0123456789
Calibri	Calibri	The quick brown fox jumps over the lazy dog. 0123456789
Comic Sans MS	Comic Sans MS	The quick brown fox jumps over the lazy dog. 0123456789
Courier New	Courier New	The quick brown fox jumps over the lazy dog. 0123456789
Eras Medium ITC	Eras Medium ITC	The quick brown fox jumps over the lazy dog. 0123456789
Futura Md BT	Futura Md BT	The quick brown fox jumps over the lazy dog. 0123456789
Helvetica	Helvetica	The quick brown fox jumps over the lazy dog. 0123456789
Impact	Impact	The quick brown fox jumps over the lazy dog. 0123456789
Verdana	Verdana	The quick brown fox jumps over the lazy dog. 0123456789
Tahoma	Tahoma	The quick brown fox jumps over the lazy dog. 0123456789
Times New Roman	Times New Roman	The quick brown fox jumps over the lazy dog. 0123456789
Script	Script	The quick brown fox jumps over the lazy dog. 0123456789

Primjeri korištenja izgled fonta /FONT FAMILY/ STYLE="FONT-FAMILY:

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index