De ce aspectul fontului are importanță în site-uri web
Toate fonturile au un raport de aspect (sau valoare). Valorile aspectului fontului sunt calculate prin împărțirea înălțimii minuscule a fontului cu dimensiunea fontului. Când aveți această valoare, puteți utiliza proprietatea de stil fontSizeAdjust în CSS3 pentru a specifica valoarea aspectului fontului preferat utilizat pentru a afișa site-ul dvs. Web.
Atunci când site-ul dvs. Web este vizualizat pe computere care nu au fontul preferat, proprietatea fontSizeAdjust este utilizată pentru a selecta cea mai bună dimensiune a fontului pentru fontul de înlocuire.
Această proprietate păstrează paginile dvs. arătând bine și tipul dvs. lizibil, chiar dacă primul font de alegere nu este disponibil.
Despre proprietatea fontSizeAdjust
Utilizarea proprietății fontSizeAdjust vă oferă un anumit control asupra înlocuirii fonturilor atunci când este necesar. Când fontul de prima alegere nu este disponibil, browserul utilizează cel de-al doilea font specificat, ceea ce duce adesea la o schimbare mare în dimensiune. Lizibilitatea unui font este influențată mai mult de mărimea literelor mici decât dimensiunea literelor majuscule. Atunci când browserul cunoaște valoarea aspectului pentru fontul preferat, acesta poate înțelege mai bine ce dimensiune să utilizeze atunci când afișează pagina în fontul de a doua variantă.
Iată un exemplu care ajustează dimensiunea fontului utilizând raportul de aspect de 0.58, care este raportul de aspect pentru Verdana. Dacă Verdana nu este disponibil pe un computer, browserul mări fontul de înlocuire, astfel încât să aibă litere mici cu dimensiuni similare pentru cea mai bună lizibilitate.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";Notă: De la publicare, numai Mozilla Firefox acceptă pe deplin proprietatea fontSizeAdjust.
Frecvența aspectului fontului
Acest tabel prezintă calcule pentru rapoartele de aspect ale mai multor familii de fonturi populare.
| Font | Aspect Ratio |
|---|---|
| Arial | 0,52 |
| Avant Garde | 0,45 |
| Bookman | 0,40 |
| Calibri | 0.47 |
| Century Schoolbook | 0,48 |
| Cochin | 0.41 |
| Comic Sans | 0.53 |
| Curier | 0,43 |
| curier nou | 0,42 |
| Garamond | 0,38 |
| Georgia | 0,48 |
| Helvetica | 0,52 |
| Palatino | 0,42 |
| Tahoma | 0,55 |
| Times New Roman | 0,45 |
| trebuchet | 0,52 |
| Verdana | 0,58 |