Fonturi CSS. Proprietatea font-family. Proprietatea font-style. Valori: normal, italic, oblique.

Susține Lectii-Virtuale!

Font Family

Familia de fonturi a unui text este setată cu proprietatea font-family.

Proprietatea font-family ar trebui să dețină mai multe nume de font ca sistem „fallback”. Dacă browserul nu acceptă primul font, încearcă următorul font și așa mai departe.
Începeți cu fontul dorit și terminați cu o familie generică (generic family), pentru a permite browserului să aleagă un font similar în familia generică (generic family), dacă nu sunt disponibile alte fonturi.

Notă: Dacă numele unei familii de fonturi este mai mult de un cuvânt, acesta trebuie să fie între ghilimele, cum ar fi: „Times New Roman”.

Mai multe familii de fonturi sunt specificate într-o listă separată de virgule:

Exemplu:

p {
  font-family: "Times New Roman", Times, serif;
}

Stilul fontului (Font Style)

Proprietatea font-style este utilizată mai ales pentru a specifica textul italic.

Această proprietate are trei valori:

• normal - Textul este afișat normal.
• italic - Textul este afișat cu caractere italice.
• oblique - Textul este „aplecat” (oblic este foarte similar cu italic, dar mai puțin susținut).

Exemplu:

p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}

p.oblique {
  font-style: oblique;
}