CSS: Verifica e controllo della grandezza dei font su Safari per iPhone.

Ci è capitato in molte occasioni, di riscontrare un problema di lettura sulla grandezza dei fonts, durante la fase di testing di alcuni siti web su Browser Safari per iPhone. Sappiamo bene che chi naviga da iPhone spesso e volentieri evita di installare Applicazioni apposite ma cerca direttamente attraverso google e non dico che pretenda un sito usabile come una App, ma certamente un progetto web fruibile anche da questo.

Solo che in alcuni casi ci si trova ad avere una formattazione “in termini di grandezza dei font” sbilanciata e quindi a discapito del nostro Design. Ecco che a tal proposito esiste una regola CSS molto utile che formatta il tutto in modo corretto.

-webkit-text-size-adjust

Ricordiamo solo che tale regola deve essere inclusa dopo il classico “font-size” se questo dovesse esistere all’interno dello stile.

body {
..
font-size: 11px;
-webkit-text-size-adjust: 100%;
..
}