[Theme: Magazine Basic] Change Body Font Type

  • Resolved davezan

    (@davezan)


    13 years, 6 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 https://davezan.com/test . I put it back to what it was except for
    the title font changes.

    Any help is appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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

    Thread Starter davezan

    (@davezan)

    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):

    https://getfirebug.com/

    Cheers

    PAE

    Thread Starter davezan

    (@davezan)

    Thanks again, guys!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Theme: Magazine Basic] Change Body Font Type’ is closed to new replies.