different font for header

• 

  danielpepijn · Member · Mar 31, 2016 at 9:28 am

  • Copy link
  • Add topic to favorites

  Hi all,

  I would like to have my header (the ‘title’ of my blog) in a different font than the rest of my blog – base font and the rest of the heading.
  is that possible? thanks!
  daniel

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

• 

  thesacredpath · Member · Apr 1, 2016 at 9:37 pm

  • Copy link

  Hi there, as far as custom fonts go (in list at Customize > Fonts) you can only choose the two fonts. Currently the site title is in the font for “headings”. We can change it to the font you have set for the Base Font, or we can choose a font that would be installed on the majority of computers, since the browser can pull fonts from the operating system fonts. This web page lists the fonts that are common to Mac and Windows. If you try and use a font that is not common, then the visitor would have to have that font installed on their computer or the browser will simply substitute the basic serif or sans-serif font built into the browser.

  The following CSS would make the site title the same font as you have set for Base Font.

  .wf-active h1#logo {
      font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
  }

  This would set the site title back to what it was originally.

  .wf-active h1#logo {
      font-family: "Merriweather",Georgia,serif;
  }

  Another possibility would be to create an image with the site title in that image and then we could hide the existing site title text and insert that image in the header.

  Let me know your thoughts.