Light colored text on light background - Why?


Recommended Posts

Posted

On so many websites, for reasons that I cannot fathom,
text is presented on a white background, using a gray - sometimes very light gray - font.

text-colors.png.6969ba7f75b2ef526c2f9d9a571b3180.png

The middle line above is the default (and it appears only) color on this forum, which isn't too bad, but isn't great either.
I have seen many sites which use fonts akin to the top one - light gray.

My question is ... WHY? ... The poor contrast with a white background is just hard to read.
What's wrong with good old stands-out-from-white-background black?

If anyone can enlighten me on what the merits of light-colored text on light-colored background are,
I would be ever so grateful.

 

  • 1 month later...
Posted

Here are some examples from the Hawkhost.com home page:
These are reduced from full size.

This is the original presentation - gray color, titillium-weblight font:

hawkhost-gray1.png.c33a15e684e726c9b3b6e22071a698a1.png

This one changes the text color to black:

hawkhost-gray2.png.6e98f7a5fbf01225ce8dedb530b8880c.png

This one changes the font to Verdana, and boosts the font-weight on the next and previous markers,
which are VERY hard to see without that.

hawkhost-gray3.png.ad3eded4903c9c0c5519058e8913e46f.png

And for good measure, this appears just below the reviews section: gray text on gray background!

hawkhost-gray4.png.d82e0c04d7be9e963d87988700c657d6.png

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...