stuck with the google fonts

  • Masters

    #9134

    Hi,

    I started a blog using the graphene theme (witch is great!) but I am stuck with the use of the google fonts.

    I did some searching in the forum and didn’t find this problem . Maybe because I am new to this google font thing.

    The thing is that I am following the instructions and the font doesn’t change.

    In the Display section -> Text Style Options, is the font families box, where I am guided to: “Enter the Google Webfont font family string in the format that is used in the Webfont Loader, one font family per line.” On the google font site I have different code formats:

    font.png

    So I copied the exact text in the font family box: font-family: ‘Satisfy’, cursive;

    Untitled.png

    I wanted to use this font for the content of the post, so I written the name of the font in the content text font below:

    Untitled2.png

    In the end the font doesn’t change, only the size changes.

    Can you tell me what I do wrong?

    Thank you.

    Admin

    Syahir Hakim

    #42839

    Try put this in Graphene’s Font Families option instead:

    Satisfy::latin

    Masters

    #42840

    Its a little tricky but it works. I put latin for all the fonts to make them work.

    I got two more things if you would like to help me:

    I have this custom CSS for the widgets:

    .sidebar-wrap {
    font-size: 12px;
    padding: 6px;
    }
    .sidebar-wrap h3 {
    font-size: 14px;
    }

    How can I add a command to change the font style to. Can I use one that I put in the font family box?

    And two:

    How can I change the text style for the menus – weight, style, size?

    Untitled.png

    Thank you

    Mod

    Kenneth John Odle

    #42841
    Quote:
    How can I add a command to change the font style to. Can I use one that I put in the font family box?

    .sidebar-wrap {
    font-family: Satisfy,cursive;
    font-size: 12px;
    padding: 6px;
    }
    .sidebar-wrap h3 {
    font-family: Satisfy,cursive;
    font-size: 14px;
    }

    If you want to use a different Google font in those locations, then you’ll need to add it to the Google fonts option, as you did with “Satisfy”.

    Code between backticks, please. (Or use the “code” button in the editing panel.)

    Masters

    #42842

    Hi

    Thanks for the informations, very useful!

    Can you please give me a solution for the second question, about the text from menu? It can not be changed from the graphene options.

    Thanks.

    Masters

    #42843

    I did a new search on the forum and there is nothing about this, can you help me?

    Mod

    Kenneth John Odle

    #42844

    Nope, you’ll have to do that manually.

    Firebug for Firefox can help, but it’s also beneficial to look through the default Graphene style sheet to see how the menus are coded and styled. It’s a bit of work, I admit.

    Masters

    #42845

    Ok, I`ll check that out.

    Thanks!

Viewing 8 posts - 1 through 8 (of 8 total)

  • You must be logged in to reply to this topic.