Modifications with custom fonts

• 

  themuffinmyth · Member · Jul 2, 2012 at 2:30 pm

  • Copy link
  • Add topic to favorites

  Hello!
  I’ve customized the fonts on my blog, but due to the thinness of the Raleway font, when used as sidebar headers, it’s really hard to read. I would like to change it so that sidebar headers are in FF Basic Gothic instead (same as the body text font). How can one make a font change when working with customized fonts?
  Any help much appreciated! Thanks!

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

• 

  designsimply · Member · Jul 2, 2012 at 7:48 pm

  • Copy link

  As long as one of the fonts on the Appearance → Custom Design → Fonts page is set to FF Basic Gothic, you could use CSS like this to set the sidebar headings to use that font:

  .sidebar-widget h1 {
  	font-family: ff-basic-gothic-web-pro-1,ff-basic-gothic-web-pro-2,Verdana,Arial,Helvetica,sans-serif !important;
  }

  I found that by using my browser’s web inspector to check to see what the body text font-family value was set to, and I copied it into a new rule for sidebar headings.

• 

  themuffinmyth · Member · Jul 3, 2012 at 9:21 am

  • Copy link

  Perfect, thank you!