changing fonts in default theme

  • shanter

    (@shanter)


    15 years, 2 months ago

    hello,

    I want to alter the fonts in my wordpress theme, I am using the default twenty-ten wordpress offered theme. The current fonts are:

    Arial, Tahoma, sans-serif;
    “Courier 10 Pitch”, Courier, monospace;
    Georgia, “Bitstream Charter”, serif;
    Monaco, Consolas, “Andale Mono”, “DejaVu Sans Mono”, monospace;

    atleast these are all that I have pulled from the code. The issue is that I want to have san-serif fonts in my posts, helvetica if possible, and also in my links widget off to the side, archives and links. however when I replace the above fonts with other fonts that I want nothing happens. ALso maybe this worth mentioning, but in my post the text is san-serif but when I post it, it turns serif. Not sure if that is relevant or not.

    my url is: http://www.futureproof.us

    thank you for considering to help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    (@esmi)

    15 years, 2 months ago

    Don’t edit the Twenty Ten theme! Your changes will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.

    Thread Starter shanter

    (@shanter)

    15 years, 2 months ago

    hi Esmi

    thanks for the advice that would definitely bum me out if it was overwritten. however can you point me to the best way to edit fonts in the code and maybe a brief explanation on how to set up a child theme. it would be greatly appreciated

    esmi

    (@esmi)

    15 years, 2 months ago

    "Courier 10 Pitch", Courier, monospace; and Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; are only used for code or preformatted snippets, so I’d suggest you leave them “as is”.

    To replace Georgia, "Bitstream Charter", serif, just add:

    body,
input,
textarea,
.page-title span,
.pingback a.url {
font-family:Helevetica, Arial, Tahoma, sans-serif;;
}

    to the child’s style.css file. Helvetica Neue is already included in Twenty Ten:

    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

    a brief explanation on how to set up a child theme

    See the link I posted above.

    Thread Starter shanter

    (@shanter)

    15 years, 2 months ago

    hi esmi,

    thank you so much for the awesome awesome help. i altered the main theme file just to check it out, but will re-install and get the child file working later. So far it works great.

    I’ve noticed the fonts looks different between google chrome, internet explorer, and firefox (all from the same machine) is this normal?

    Also one last question, as you can tell I am a pretty big rookie at this, but how do I set up the content folder where my themes are installed. FTP browser?

    thanks again for all your help.

    esmi

    (@esmi)

    15 years, 2 months ago

    I’ve noticed the fonts looks different between google chrome, internet explorer, and firefox (all from the same machine) is this normal?

    To a very minor extent, yes. The 3 web browsers you mentioned use 3 completely different rendering engines – which means that you can sometimes get very slight differences in font rendering. But nothing major.

    how do I set up the content folder where my themes are installed.

    Sorry – I’m not following you…

    The wp-content/themes folder was part of the original set of files & folders that you uploaded before you installed WordPress. You can access it by FTP into your site or whatever file management application your host provides.

    Thread Starter shanter

    (@shanter)

    15 years, 2 months ago

    got it, that helps a bunch. I think I went a very circuitous route. thanks again for your clarifications and help.

    esmi

    (@esmi)

    15 years, 2 months ago

    No problem 🙂

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

The topic ‘changing fonts in default theme’ is closed to new replies.