La decisione di codificare le dimensioni dei caratteri in modalità " px " o "em" consiste nel fare un trade-off tra la preferenza ascetica e la leggibilità . La tua scelta ha molto a che vedere con lo scopo del sito web e che saranno la visualizzazione delle pagine . Considerare i vantaggi di ciascun metodo e le esigenze uniche del vostro sito prima di scegliere il metodo che è meglio per il vostro disegno . Vantaggi di 'Em '
"em " è un'unità di misura in tipografia originariamente derivato dalla larghezza di un M capitale in un tipo di carattere in un particolare dimensione in punti . Se Arial fissato in 10 punti equivale a mille em, poi due em equivale a 20 punti . In fogli di stile CSS , l' em viene utilizzato come unità scalabile dove em equivale la dimensione dei caratteri standard. Questo permette la progettazione di mantenere la gerarchia anche se visto su un telefono cellulare o grande schermo . Esso permette inoltre agli utenti con problemi visivi che hanno impostato la loro dimensione predefinita del carattere più grande per vedere la pagina con tutti i font nella dimensione relativa corretta . Il World Wide Web Consortium (W3C ) raccomanda tramite EMS come una best practice per la loro scalabilità .
Vantaggi di ' Px '
" Px " è una unità che è fissato in dimensioni . Un pixel ( px ), è pari a un pixel sullo schermo . Il font standard di 12 punti è pari a circa 16 px . Questa unità non in scala per i dispositivi mobili più piccoli o per gli utenti con problemi di vista , ma non avere molti benefici estetici . Dà al progettista il controllo completo sulla dimensione dei caratteri nella progettazione, che assicura che il tipo non sarà possibile ottenere fuori di proporzione con gli altri elementi di design della pagina. Se si dispone di tipo in un'immagine , usando px è essenziale per garantire che la gerarchia dei font nel tuo disegno è mantenuta , indipendentemente dal dispositivo vostro sito viene visualizzato su o le impostazioni del browser dell'utente .
< Br > altre unità
Ci sono altre due opzioni per impostare i font nei CSS : punto e per cento . Punti , come pixel , non scala. Generalmente 12 punti pari al 100 per cento . Punti sono basati sulla dimensione del font stampato, non la dimensione del pixel sullo schermo . Di conseguenza , le misure non sono uguali.
Percentuale, come lo SME , si scala , 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 sbagliare sia con lo SME o percentuali , l'utente può modificare il testo da un formato migliore.
Considerare Pubblico e scopo
Se si progetta un sito per un pubblico giovane o vecchio che potrebbe avere problemi di leggibilità , è importante utilizzare una unità scalabile come lo SME . Utilizzando ems è fondamentale anche se il sito verrà visualizzato su dispositivi mobili . Tuttavia, se i progettisti grafici sono il tuo pubblico o lo scopo del sito è di più l'estetica visiva di circa il contenuto , utilizzare una unità fissa come px per fare in modo che la gerarchia dei font è conservato in ogni situazione .
