Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #18004

    Hey there,

    i want to add a new font to the theme. fortunately it’s a google webfont. how can i add the font?

    best regards

    #97873

    Hi Headup,

    You can use WP Google Fonts : http://wordpress.org/extend/plugins/wp-google-fonts/

    This thread might also be helpful: http://www.kriesi.at/support/topic/apply-google-font-to-menu

    Regards,

    Ismael

    #97874

    Hi Ismael,

    thanks for reply.

    So the main menu works via custom css:

    Just added this to the custom css area:

    #top .main_menu .menu li > a {

    font-family: “MY FONT FROM GOOGLE”, sans-serif;

    font-size: 12px; color: #999; text-transform: uppercase;

    }

    could you provide the right css for the others like captions for the slideshow, headlines etc… (without continuous text/content).

    I can’t use the plugin because the font is not integrated. i dont know why…

    best regards

    #97875

    Hi Headup,

    You can use custom.css to change the font in your site, for the slideshow caption, you can use this code:

    .slideshow_caption,
    .slideshow_inner_caption,
    .slideshow_align_caption,
    .featured_caption {
    font-family: "MY FONT FROM GOOGLE", sans-serif;
    }

    You can use firebug to check what selector you need to use. :) http://getfirebug.com/

    Regards,

    Ismael

    #97876

    Hi Ismael,

    doesn’t work. :(

    I added it to the custom.css and i try to add it via QUICK CSS (like this for main menu, i was wrong in my post, i mean quick css not custom css).

    #97877

    Hi Headup,

    I’m not sure why it didn’t work. Can you post a link to your site, so we can check it further?

    Regards,

    Ismael

    #97878

    Hi Ismael,

    yes: http://www.wisserio.de/cms/

    I can send you an email for login passes

    Regards

    #97879

    Ok, the selector was wrong, but i can’t figured out whats the right selector….

    #97880

    I just checked your website and your slideshow caption works fine (uses the Terminal Display font). You can try to clear your browser cache and if this doesn’t work add following code to css/custom.css:

    .slideshow_caption h1, .slideshow_caption h2, .slideshow_caption h3, .slideshow_caption h4, .slideshow_caption h5, .slideshow_caption h5, .slideshow_caption a{
    font-family: Terminal Dosis;
    }

    #97881

    Thanks. It works!

    #97882

    Hi Headup,

    Glad it worked. :)

    Cheers,

    Ismael

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

The topic ‘Add new Google Webfont’ is closed to new replies.