La decisione di codificare le dimensioni dei caratteri in modalità "px" o "em" consiste nel fare un trade-off tra la preferenza ascetico e la leggibilità. La scelta ha molto a che fare con lo scopo del sito e che sarà la visualizzazione delle pagine. Considerare i vantaggi di ciascun metodo e le esigenze specifiche del vostro sito prima di scegliere il metodo che è meglio per il vostro disegno.

Vantaggi di 'Em'

Il "em" è un'unità di misura in tipografia originariamente derivato dalla larghezza di una M maiuscola in un carattere in un particolare formato punto. Se set Arial a 10 punti uno è uguale a em, poi due em è uguale a 20 punti. In fogli di stile CSS, il em viene utilizzato come unità scalabile in cui un em è uguale la dimensione dei caratteri standard. In questo modo il progetto di mantenere la gerarchia, anche se visto su un telefono cellulare o uno schermo di grandi dimensioni. Esso permette inoltre agli utenti con problemi visivi che hanno impostato la loro dimensione font di default più grande per vedere la pagina con tutti i font della dimensione relativa corretta. Il World Wide Web Consortium (W3C) consiglia di utilizzare lo SME come best practice a causa della loro scalabilità.

Vantaggi di 'Px'

"Px" è una unità che è fissato in termini di dimensioni. Un pixel (px) è pari a un pixel sullo schermo. Il font standard di 12 punti è pari a circa 16 px. Questa unità non scala per i dispositivi mobili più piccoli o per gli utenti con problemi di vista, ma non hanno molti vantaggi estetici. Dà il designer il controllo completo sulla dimensione del carattere nella progettazione, che assicura che il tipo non otterrà fuori di proporzione con gli altri elementi di design della pagina. Se si dispone di tipo in un'immagine, utilizzando px è essenziale per garantire che la gerarchia di carattere nella progettazione è mantenuta, indipendentemente dal dispositivo tuo sito è visto o le impostazioni del browser dell'utente.

altre unità

Ci sono altre due opzioni per impostare font in CSS: punto e per cento. Punti, come pixel, non scala. Generalmente 12 punto equivale al 100 per cento. I punti sono basate sulla dimensione del carattere stampato, non la dimensione del pixel sullo schermo. Di conseguenza, le misurazioni non sono uguali.

Percentuale, come lo SME, scalerà, ma non scala nello stesso modo come lo SME. La differenza di calcolo dimensioni tra 200 percento e due SME dipende dal browser. Tuttavia, se si calcolata male sia con lo SME o percentuali, l'utente può modificare il testo per essere una dimensione migliore.

Considerare Pubblico e scopo

Se si progetta un sito per un vecchio o giovane pubblico che potrebbe avere problemi di leggibilità, è importante utilizzare una unità scalabile come lo SME. Utilizzando EMS è anche la chiave se il sito verrà visualizzato su dispositivi mobili. Tuttavia, se i progettisti grafici sono il pubblico o lo scopo del sito è di più l'estetica visiva di circa il contenuto, utilizzare una unità fissa come px fare in modo che la gerarchia di carattere è conservato in ogni situazione.