1.9.2 : Questions about customizing fonts

  • tinker123

    #8163

    WordPress 3.6.1

    Graphene 1.9.2

    Hi,

    I’m helping a friend update her web site which is running with wordpress and graphene.

    The changes she would like are

    h1 – lucidia sans 16pt

    h2 – lucida sans 14pt

    body – garamond 12pt

    img captions – garamond 11pt bold

    Can this be done through the Graphene UI? If so, how?

    If not, do I need to go into the style sheet?

    If so, what are the names of the classes or ids I need to look for?

    Thanks much in advance for any information or help

    Mod

    Kenneth John Odle

    #40589

    Graphene Options >> Display Options >> Custom CSS

    Enter

    h1 {font-size: 16pt; font-family: lucida sans;}
    h1 {font-size: 16pt; font-family: lucida sans;}
    .entry-content p {font-size: 12pt; font-family: garamond;}

    I forget about the html for captions; you can nail that down using Firebug.

    Keep in mind that if visitors don’t have these fonts on their computers, they won’t show up. The only way to guarantee this kind of compatibility is to use a webfont.

    Quote:
    If not, do I need to go into the style sheet?

    Do NOT edit theme files. It causes all sorts of problems.

    tinker123

    #40590

    Wow! Thanks Kenneth.

    Is it fairly easy to install webonts? ( never heard of them )

    Mod

    Kenneth John Odle

    #40591

    Yes. Graphene has this feature built-in. Graphene Options >> Display Options >> Text Display Options >> Google Webfonts.

    tinker123

    #40592
    Quote:
    Yes. Graphene has this feature built-in. Graphene Options >> Display Options >> Text Display Options >> Google Webfonts.

    I found this in that spot in my friends blog, is the format correct?

    Lucida+Sans: : Garamond

    Could you show me an example of how to enter one of my friend’s font choices?

    Mod

    Kenneth John Odle

    #40593

    Enter this:

    Lucida+Sans
    Garamond
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.