CSS – Blog Title Font

• 

  jhyatt · Member · Jan 22, 2015 at 9:11 pm

  • Copy link
  • Add topic to favorites

  I am using the Isca theme. I am wondering how to change only the Blog title (font, specifically).

  I have code in there now that allows me to change post title and Blog title, but I would like to be able to change blog title only.

  Thanks….

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

• 

  staff-happychia · Staff · Jan 23, 2015 at 8:02 am

  • Copy link

  Did you try changing the Headings font using Custom Fonts?

  It looks like we can only get generic fonts like (Arial, serif etc.) using CSS:

  #branding #logo {
  font-family: Arial, monospace, serif;
  }

  Which font are you after?

• 

  jhyatt · Member · Jan 23, 2015 at 12:24 pm

  • Copy link

  The Customs Font feature no longer works. At least not like before. I would need to go to TypeKit and sign up for fonts, etc… etc…

  Thanks for the CSS code. I appreciate it.

• 

  thesacredpath · Member · Jan 24, 2015 at 10:17 pm

  • Copy link

  @jhyatt, we can no longer use the Typekit Advanced feature here, unless you already had a Type Kit ID applied to your site.

  If you set the font you want for the site title at Appearance > Customize > Fonts, the post title font can easily be overridden back to the default font, if that is what you desire with the following CSS.

  .posttitle {
      font-family: Lora,serif !important;
  }

• 

  jhyatt · Member · Jan 24, 2015 at 11:01 pm

  • Copy link

  @thesacredpath — Thanks. But what is the CSS for just the Blog Title, not the individual Post Titles? Or are they connected?

  Thanks….

• 

  staff-happychia · Staff · Jan 24, 2015 at 11:14 pm

  • Copy link

  @jhyatt

  You can use this CSS to style blog title7:

  #branding #logo  {
        font-family: Lora,serif !important;
  }