Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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)?

share|improve this question
up vote 2 down vote accepted

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.

share|improve this answer

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.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.