Different fonts needed for site title and headings

• 

  sopjoe68 · Member · Mar 17, 2014 at 5:56 pm

  • Copy link
  • Add topic to favorites

  I’d like to have different fonts for site title and headings – at the moment the site title and the headings are the same and the customizer doesn’t allow me to treat them differently. I remember this wasn’t the case before so it must have changed. Any help appreciated!

  The blog I need help with is storiesfromthestove.net.

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

• 

  thesacredpath · Member · Mar 18, 2014 at 12:39 am

  • Copy link

  You can set different fonts for different page elements using CSS. If you can let us know which font you want for which, we can surely help you with that. When you say headings, are you talking about post and page titles and possibly widget titles, or headings that you may use in within the content on pages and posts?

  For the site title, this would be what you would need. You can edit the font family and size as desired.

  .wf-active #site-title, .wf-active #site-title a {
      font-family: pt-serif-1,pt-serif-2,"Adobe Garamond Pro",Garamond,Palatino,"Palatino Linotype",Times,"Times New Roman",Georgia,serif;
      font-size: 27px;
  }

  For post and page titles, this would be the CSS.

  .wf-active .post-title h1, .wf-active .post-title h2 {
      font-family: pt-serif-1,pt-serif-2,"Adobe Garamond Pro",Garamond,Palatino,"Palatino Linotype",Times,"Times New Roman",Georgia,serif;
      font-size: 2.1em;
  }

  For widget titles this would be the CSS.

  .wf-active .sidebar-widget h1 {
      font-family: pt-serif-1,pt-serif-2,Verdana,Arial,Helvetica,sans-serif;
      font-size: 0.63em;
  }