Same Font- Header, Menu, Description, Addresss

• 

  demofo · Member · Jun 14, 2016 at 11:22 pm

  • Copy link
  • Add topic to favorites

  Hello~

  Can someone help me figure out how I can make the font the same across the board for the top of my website?

  

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

• 

  hallluke · Member · Jun 14, 2016 at 11:42 pm

  • Copy link

  Here’s how to change everything to the same font family as your header:

  .site-description,
  #primary-menu,
  #site-top-content,
  #site-top-content .contact-information .address > a,
  #site-top-content .contact-information .email > a,
  #site-top-content .contact-information .telephone > a
  {font-family: "ff-market-web-1","ff-market-web-2",cursive;}

  In order from first to last the lines target the description, menu, top-right section, phone, email and address.

  If you’re going to use the script font for the menus then I’d suggest making it thinner so it’s easier to read:

  #primary-menu a {font-weight:400;}

  My personal preference would be to leave the menu font as it is (just delete that line in my example code above) and then make it regular weight and remove the capitalisation, here’s the code so you can make up your own mind:

  #primary-menu a {text-transform: unset; font-weight:400;}