Jump to content


Photo
- - - - -

Use Google font in navigation


  • Please log in to reply
4 replies to this topic

#1 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 19 May 2012 - 04:47 PM

Hi, I've installed the Google fonts plugin, and managed to get the fonts that I want working for the content and headings, however, I can't seem to get them to affect the font used in the navigation and footer. I've trawled the forums for an answer to this, and tried using Firebug but can't seem to solve it. Can anyone help? www.tsctheatretots.co.uk

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 19 May 2012 - 05:27 PM

I think it may be because your navigation includes links. When I inspect using Firebug, I get this selector for your navigation links:

Please Login or Register to see this Hidden Content


So the selector you'd need to use in the CSS is:

Please Login or Register to see this Hidden Content



#3 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 21 May 2012 - 09:46 AM

Can't find that in Firebug either, I'm afraid. So if I wanted to use the Google font 'Handlee' in the nab bar what would the CSS code be? Thanks for your help.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17931 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 May 2012 - 11:02 AM

Hi,

Make sure you have the Google WebFonts plug-in installed and active and then add this code to either your style.css of your child theme or the PageLines customisation plug-in. You could also add it to the Settings > Custom Code.

Please Login or Register to see this Hidden Content



#5 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 21 May 2012 - 02:48 PM

Ace! Thanks.