Cum să găsiți numele de familie a fonturilor în CSS

Găsirea numelor de familie a fonturilor în CSS

În CSS, numele de familie a fonturilor (font family) identifică grupul de fonturi care au aceeași linie de bază, inclusiv toate variantele (ex: Arial, Helvetica, Verdana). Acest lucru permite designerilor să specifice un stil general, în loc să folosească un font specific precum Arial Black sau Verdana Bold.

Pasul 1 – Căutați fontul în sistemul de operare

1. Apăsați butonul „Start”, tastați fonts în bara de căutare și apăsați Enter pentru a deschide folderul Fonturi. 2. Găsiți fontul dorit și notați-vă numele său. De exemplu, fontul Arial are multe variante, dar numele de familie comun este Arial. Dacă doriți să utilizați exact varianta Arial Narrow, specificați-o în CSS. Pentru majoritatea conținutului de bază al paginii, folosiți un nume de familie generic (ex: serif, sans-serif) și adăugați fonturi mai specifice doar pentru titluri.

Pasul 2 – Construirea unui font stack

Font stack-ul este o listă de fonturi în CSS, utilizată ca backup în cazul în care vizitatorul nu are instalat fontul preferat. În mod obișnuit, plasați fonturile preferate în primul rând, iar la final alegeți un nume de familie generic pentru a asigura un fallback corect.

• Începeți cu fonturi sistem: Georgia sau Times New Roman pentru serifs; Helvetica sau Verdana pentru sans‑serifs.
• Adăugați serif sau sans-serif la final pentru a lăsa browserului libertatea de a selecta un font de rezervă.
• Alte opțiuni generice: monospace, cursive, fantasy.
• Notă: numele generice nu contează dacă includeți un font personalizat prin @font-face.

Începeți fiecare nume de familie cu ghilimele dacă conține mai mult de un cuvânt. Exemple:

body {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

Astfel, browserul va căuta Helvetica Neue în primul rând; dacă nu este disponibil, va recurge la Arial și, în final, la un font sans‑serif implicit.

Tip

• Mulți designeri de top, precum Paul Irish și Chris Coyier, recomandă eliminarea font stack-urilor complexe și să folosiți doar numele de familie generic, în special pentru combinațiile comune precum Helvetica, Arial, sans-serif. Această abordare respectă setările utilizatorului și reduce timpul de încărcare.

URL:https://ro.whycomputer.com/software-ul/100506586.html