Beslutningen om at kode din skriftstørrelser i enten " px " eller " em " indebærer at lave en trade- off mellem asketisk præference og læsbarhed. Dit valg har en masse at gøre med formålet med hjemmesiden , og som vil blive set siderne. Overveje fordelene ved hver metode og de unikke behov i dit websted, før du vælger den metode, der er bedst for dit design. Fordele ved 'Em '
" em " er en måleenhed i typografi oprindeligt stammer fra bredden af en kapital M i en skrifttype på et bestemt punkt størrelse. Hvis Arial sæt i 10 point svarer til en em , derefter to em lig 20 point . I cascading style sheets , er em brugt som en skalerbar enhed, hvor den ene em lig din standard skriftstørrelse. Dette tillader designet til at opretholde hierarki selv når de ses på en mobiltelefon eller stor skærm. Det giver også brugerne med synshandicap , der har sat deres standard skriftstørrelse større for at se siden med alle skrifttyper i den korrekte relative størrelse. The World Wide Web Consortium ( W3C) anbefaler at bruge EMS som en bedste praksis på grund af deres skalerbarhed.
Fordele ved ' Px '
" Px " er en enhed, der er fastsat i størrelse. Én pixel (px) er lig med én pixel på skærmen. Den normale 12 -punkts skrifttype er lig med omkring 16 px . Denne enhed er ikke skalere til mindre mobile enheder eller til synshæmmede brugere, men det har mange æstetiske fordele. Det giver designeren fuld kontrol over skriftstørrelsen i design, der sikrer, at den type vil ikke komme ud af proportion med de andre designelementer på siden. Hvis du har type i et billede , ved hjælp px er afgørende for at sikre, at skrifttypen hierarki i dit design fastholdes, uanset enhedens dit site ses på eller brugerens browserindstillinger.
< Br > Andre Enheder
Der er to andre muligheder for indstilling skrifttyper i CSS : peg og procent. Points , ligesom pixels , ikke skalere . Generelt 12 point svarer til 100 procent. Punkter er baseret på den trykte skrift , ikke størrelsen af pixel på skærmen . Som et resultat heraf er de målinger, der ikke lige. Nær
procent , ligesom ems , vil skalere , men det vil ikke skalere på samme måde som ems . Forskellen i størrelsen beregning mellem 200 procent og to ems afhænger af browseren . Men hvis du fejlbedømme med enten ems eller procenter , kan brugeren ændre teksten til at være en bedre størrelse.
Overvej Audience og formål
p Hvis du designer en site for en gammel eller ung publikum, der måske har læsbarhed problemer , er det vigtigt at bruge en skalerbar enhed som ems . Brug ems er også nøglen , hvis dit websted skal vises på mobile enheder. Men hvis grafiske designere er din målgruppe , eller formålet med sitet er mere om den visuelle æstetik end om indholdet , skal du bruge en fast enhed som px at sikre, at font hierarki er bevaret i enhver situation.
< br >