Changing fonts in top menu in Twenty Twelve theme.

• 

  saplinghouse · Member · Apr 17, 2014 at 10:41 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I’m having a hard time working out how to change the font of my top menu. I have the font upgrade and want to change it to be the same as my post title.

  Is anyone able to help me out with this?

  Many thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 17, 2014 at 11:37 pm

  • Copy link

  Hi there, I used the web inspector built into my browser to find the font family stack used for the post titles and then found the CSS selector for the menu and came up with this for you.

  .main-navigation a {
      font-family: brandon-grotesque-1,brandon-grotesque-2,"Open Sans",Helvetica,Arial,sans-serif;
      font-size: 110%;
      font-weight: normal;
  }

  You can adjust the font size as desired. It appeared a little small, so I increased it by 10% in my example.

• 

  saplinghouse · Member · Apr 18, 2014 at 12:18 am

  • Copy link

  Thank you so much! This worked brilliantly!

• 

  thesacredpath · Member · Apr 18, 2014 at 1:51 am

  • Copy link

  You are welcome.