Do you use either the Firefox or Chrome web browser?
If so, use the Firefox Firebug extension, or the Chrome Developer Tools, which will reveal what CSS declarations are being applied to specific elements.
the post has inline styles that set the color to black:
<p style="text-align: justify;"><span style="color: #000000;">With he
otherwise, there are quite a few color declarations in the stylesheet; many of them with color #333.
Thread Starter
sdubin
(@sdubin)
Chip,
I even used Firebug to scout out the problem, the CSS appears correct.
The font I am using is an installed Google font, and I just wondered if this were possible and how to correct: when I zoom the page out a lot, the larger the text gets the more black/visible it appears. Could the font that I am using appear a lighter color when it is scaled down? That is my thought, however, if this were true, wouldn’t the smaller text in the sidebar be grayish too? It’s black as night.
When I look at your site, the body text is black, not gray. This is confirmed by analyzing the computed style in Safari.
Perhaps it’s because the font you’re using is very thin? A thin font can give the appearance of being lighter in color than it actually is.
Thread Starter
sdubin
(@sdubin)
I did use Firebug and it confirmed that CSS is correct as text should be black.
I was thinking, and I’m wondering if this is possible, piggy-backing what JPry said; that since I am using a installed Google font, I noticed that when I zoom in on the body text of my page, the bigger the font gets the more back-to-black it appears to be. It is a really thin font, yes, but the text in the sidebar is even smaller than the body text and it displays black…
