Mobile app version of vmapp.org
Login or Join
Margaret670

: Making headers readable on a multi colored background So the client wants a multi-colored background (think 4 colors of paint splats randomly all over the page. Because of this the headers are

@Margaret670

Posted in: #Css

So the client wants a multi-colored background (think 4 colors of paint splats randomly all over the page. Because of this the headers are a bit hard to read. I've currently got them set up as black text with some white drop shadow, but it's still pretty hard to read in IE. How can I make the headers legible regardless of what is behind them (it's a CMS so position on the page is liable to change regularly)?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Margaret670

2 Comments

Sorted by latest first Latest Oldest Best

 

@Rivera981

There actually is a way to make text readable on every background color, and it's actually quite simple.

All you have to do is using text-shadow with black color.

10% popularity Vote Up Vote Down


 

@Lee4591628

Hmm... readability is essential, and part of design. I think better change background to a more readable format.

There are no magical rules for making fonts readable. Good contrast with background, nice size and leading, nice fonts... Good choices makes the readability. If background is your problem, try changing other text aspects, or try to change the background, at least on headers.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme