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

Izgled fonta u naslovu /HEADINGS FONT FAMILY/


Slika 1. Izgled fonta /FONT FAMILY/ STYLE="font-family

Izgled fonta /FONT FAMILY/ 

Linijski css
Sintaksa: <h1 | h2 | h3 | h4 | h5 | h6 style="font-family:naziv_fonta;">

Oznake:
h1 | h2 | h3 | h4 | h5 | h6 - zaglavlje teksta /HEADINGS/

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.

Primjeri izgleda fonta i imena fonta >>


Slika 2. Izbled fonta /font-family/

Primjeri

Mjesto upotrebe

Način deklarisanja

Paragraf /PARAGRAPH/ <p> <p style="font-family:Impact;" >Ljepota nije čudo, ali čini čudesa.</p>

Naslov /HEADINGS/ <h1> ... <h6>

 <h2 style="font-family:Comic Sans MS;" >Ljepota nije čudo, ali čini čudesa.</h2>

Primjer 1. Ispisati naslov (Ljubav ne pita da li se dolikuje.) u Calibri fontu.

<!DOCTYPE html>
<html>
<head>
<title>Izgled fonta </title>
</head>
<body>
<h2 style="font-family:Calibri;">Ljubav ne pita da li se dolikuje.</h2>
</body>
</html>

Ljubav ne pita da li se dolikuje.
 

Primjer 2. Ispisati naslov (A quick brown fox jumps over the lazy dog. 0123456789) u Script fontu.

<!DOCTYPE html>
<html>
<head>
<title>Izgled fonta </title>
</head>
<body>
<h2 style="font-family:Script;">Ljubavni pogled dug je tekst.</h2>
</body>
</html>

A quick brown fox jumps over the lazy dog. 0123456789

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