WordPress.org

Ready to get started?Download WordPress

Forums

Magazine Basic
[resolved] Change Body Font Type (6 posts)

  1. davezan
    Member
    Posted 2 years 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 2 years 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 2 years 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 2 years 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 2 years 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 2 years ago #

    Thanks again, guys!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic