Culorile

Trebuie să asiguri un contrast decent. Fundal închis presupune text deschis și viceversa. Cu toate astea, e de preferat să eviți fundalul închis. Da, știu, ție ți se pare cool. Nu este. De cele mai multe ori, textul alb pe un fundal negru te scoate din minți după mai mult de cinci-zece rânduri citite.

Formatarea textului

Folosește fonturi standard, ce sunt instalate pe toate pc-urile: arial, verdana, tahoma. Oferă alternative la fonturile astea, astfel încât textul să arate decent. Încearcă să eviți fonturile custom (sifr, cufon, etc) pentru texte dinamice și sub nicio formă nu folosi astfel de scripturi pentru paragrafe întregi de text! Da, înțeleg că vrei să ai tot site-ul scris cu Myriad Pro, dar ai milă de CPU-ul meu! Oricum, pentru web, cele mai lizibile fonturi sunt verdana, arial și helvetica. Știu că Trebuchet arată al naibii de bine, dar doar pentru titluri! Pentru texte mai lungi, nu e cel mai potrivit

De cele mai multe ori textul sub 12px este greu de citit. Fii atent la dimensiunea fontului!

line-height

De cele mai multe ori ignorat, line-height-ul face diferența dintre un text lizibil și unul greu de urmărit. Line-height este spațiul dintre două linii de text. În majoritatea cazurilor, un 1.5-1.8 din dimensiunea fontului ar trebui să fie suficient.

Un exemplu:

line-height:normal:

line-height:180%:

Un alt exemplu:

line-height:normal:

line-height:180%:

Parcă e un pic mai bine, nu?

Link-uri utile

• W3C (desigur!)
• Devlounge
• Sitepoint css reference
• Un slide interesant și util
• Smashing magazine