Beslutningen om å kode dine skriftstørrelser i enten" px "eller" em " innebærer å gjøre en avveining mellom asketisk preferanser og lesbarhet . Ditt valg har mye å gjøre med den hensikten med nettsiden og hvem som skal vise sider. Tenk på fordelene ved hver metode og de ​​unike behovene til nettstedet ditt før du velger hvilken metode som er best for din design. Fordeler med 'Em '

" em " er en måleenhet i typografi opprinnelig stammer fra bredden av en stor M i en skrift på et bestemt punkt størrelse. Hvis Arial satt i 10 poeng tilsvarer en em, deretter to em tilsvarer 20 poeng. I stilsett , er em brukt som en skalerbar enhet hvor man em lik din standard skriftstørrelse. Dette gjør at design for å opprettholde hierarkiet selv når de vises på en mobiltelefon eller stor skjerm . Den lar også brukere med synshemninger som har satt sin standard skriftstørrelse større for å se siden med alle skriftene i riktig relativ størrelse. The World Wide Web Consortium ( W3C) anbefaler å bruke EMS som en beste praksis på grunn av skalerbarhet deres .
Fordeler med ' Px '

" Px " er en enhet som er fast i størrelse. En piksel ( px ) tilsvarer en piksel på skjermen. Den standard 12 - punkts skrift er lik ca 16 px. Denne enheten tilpasser ikke for mindre mobile enheter eller for synshemmede brukere , men det har mange estetiske fordeler. Det gir designeren full kontroll over skriftstørrelsen i design, som sikrer at typen ikke vil komme ut av proporsjoner med de andre designelementer på siden . Hvis du har type i et bilde , bruker px er viktig for å sikre at skriften hierarkiet i design opprettholdes , uavhengig av enheten området er sett på eller brukerens nettleser innstillinger .

Andre enheter
p Det er to andre alternativer for å sette skrifter i CSS : pek og prosent . Poeng , som piksler, ikke skalerer . Vanligvis 12 poeng tilsvarer 100 prosent . Poeng er basert på den trykte skriftstørrelse, ikke størrelsen på piksel på skjermen . Som et resultat av målingene er ikke like.

Prosent, som EMS , skaleres , men det vil ikke skaleres på samme måte som ems . Forskjellen i størrelse mellom beregningen 200 prosent og to ems avhenger av leseren. Men hvis du feilberegner med enten EMS eller prosenter , kan brukeren endre teksten til å bli en bedre størrelse .
Tenk Målgruppe og formål
p Hvis du utformer en stedet for en gammel eller ung publikum som kan ha lesbarhet problemer, er det viktig å bruke en skalerbar enhet som EMS . Med EM er også viktig hvis området vil bli sett på mobile enheter . Men hvis grafiske designere er målgruppen eller formålet med nettstedet er mer om den visuelle estetiske enn om innholdet , bruker du en fast enhet som px å sørge for at skriften hierarkiet er bevart i enhver situasjon .