WordPress.org

1. davezan
   Member
   Posted 7 months ago #

   Hi folks,

   I want to change the body font to Verdana instead of its current Georgia.
   I've read similar threads here and changed the font per font-family, but
   it seems to modify that of only the main blog title and post titles.

   I've even erased the other font types and left it as font-family: Verdana;
   on all instances I can find. But it still won't change that of the body,
   be it front page or single pages.

   Site is http://davezan.com/test . I put it back to what it was except for
   the title font changes.

   Any help is appreciated.

2. peredur
   Member
   Posted 7 months ago #

   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

3. davezan
   Member
   Posted 7 months ago #

   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.

4. Andrei Olsen
   Member
   Posted 7 months ago #

   "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.

5. peredur
   Member
   Posted 7 months ago #

   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

6. davezan
   Member
   Posted 7 months ago #

   Thanks again, guys!

Reply

You must log in to post.