Add new Google Webfont

11 posts from 3 voices

• Started 6 months ago by Headup
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   Headup
   Member

   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

   Posted 6 months ago #
2. 

   Ismael
   Moderator

   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

   Posted 6 months ago #
3. 

   Headup
   Member

   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

   Posted 6 months ago #
4. 

   Ismael
   Moderator

   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

   Posted 6 months ago #
5. 

   Headup
   Member

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

   Posted 6 months ago #
6. 

   Ismael
   Moderator

   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

   Posted 6 months ago #
7. 

   Headup
   Member

   Hi Ismael,

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

   I can send you an email for login passes

   Regards

   Posted 6 months ago #
8. 

   Headup
   Member

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

   Posted 6 months ago #
9. 

   Dude
   Dude

   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;
   }

   Posted 6 months ago #
10. 

    Headup
    Member

    Thanks. It works!

    Posted 6 months ago #
11. 

    Ismael
    Moderator

    Hi Headup,

    Glad it worked. :)

    Cheers,
    Ismael

    Posted 6 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.