LECȚIA 31 DIN 100

Construiește o listă de fonturi

Definește un font preferat și o familie generică de rezervă.

Sursă oficialăW3C CSS Fonts — font-familyRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

font-family primește o listă ordonată. Browserul încearcă primul font disponibil, iar familia generică de la final oferă o rezervă robustă pe alte dispozitive.

Exemplu corect
.article { font-family: Arial, sans-serif; }

Lista începe cu Arial și se încheie cu familia generică sans-serif.

Greșeală frecventă
.article { font-family: Arial; }

Un singur nume fără familie generică nu oferă rezerva cerută dacă fontul lipsește.

PASUL 2 · APLICĂ

Exercițiul tău

Completează regula pentru .article cu font-family: Arial, sans-serif.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Declarația font-family folosește valoarea Arial, sans-serif.
  • Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării

Selectorul identifică elementul, iar declarația font-family: Arial, sans-serif aplică exact schimbarea cerută.