Hmmm. There doesn’t appear to be anything in the stylesheet setting the default font family. Have you tried adding a font-family property on the body element? I think the fonts are just being taken from the browser’s default style sheet – which means serif in most cases, unless the user has changed the browser settings.
You’ll need a more consistent list than the one that sets the headings, by the way:
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a {
...
font-family: Verdana,Times,serif;
...
}
On my box I get a serif font. Presumably Verdana is not installed on Linux. So, in this case, a more consistent font list would help.
HTH
PAE
Ahhh…thanks! To think I actually read that somewhere, but it took me a
while to really understand until you explained it.
So I tried what you said:
body {
color: #444;
margin: 0 auto;
font-size: 14px;
font-family: Verdana, Times, serif;
padding: 0;
background: #eee;
position: relative;
}
And that did the trick! A new dilemma has arisen, though.
Apparently the words inside the Read more “button” can’t fit as one box
instead of skipping into a new line as you might see in the link above.
Although I’m not really a CSS expert, I can’t seem to find the specific
code/s where I can hopefully change that.
Thanks for any assist.
“Apparently the words inside the Read more “button” can’t fit as one box
instead of skipping into a new line as you might see in the link above.”
Change width in #leftcontent a.more-link (styles.css line 628) to 80px.
Do you know about FireBug? It’s invaluable for finding what CSS is causing what styles to be displayed (not to mention being a neat JavaScript debugger):
http://getfirebug.com/
Cheers
PAE
