How can I change the font of my site title?

• 

  ebethallan · Member · Jul 17, 2014 at 12:58 pm

  • Copy link
  • Add topic to favorites

  I go to the customize section and it gives me the option to change the font of my headings, and the main text font – but I cannot find how to change the main title, which is my name: “E. Beth Allan”

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

• 

  gracejiyoung · Member · Jul 17, 2014 at 6:12 pm

  • Copy link

  Hi there!

  I see that you set your Headings to the font: Proxima. If you want to use the same font for your site-title, you can do that if you edit CSS. Please go to Appearance > Customize > CSS in your Dashboard and remove the informational content.

  Then try adding this:

  #site-title a {
  	font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
  }

  If you don’t want to use the Proxima font, add the font name that you want to use and it will appear in the preview. Let me know if you have any questions about this!

  Cheers!

• 

  ebethallan · Member · Jul 18, 2014 at 9:26 am

  • Copy link

  Hi, thanks for your reply but I’m not sure what text to delete when I add the new font name. For example do I write:

  #site-title a {
  font-family: League Gothic,”Helvetica Neue”,Helvetica,Arial,sans-serif;
  }

  or do I write:

  #site-title a {
  font-family: League Gothic;
  }

  thanks!

• 

  gracejiyoung · Member · Jul 18, 2014 at 4:46 pm

  • Copy link

  Hi there,

  I found that if you set your font to League Gothic in Appearance > Fonts then the site title and headings both change to League Gothic. This would mean that you don’t need to change the CSS.

  However, if you want to keep the post titles Proxima, and just the site-title League-Gothic I would add this:

  #site-title a {
  	font-family: league-gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;
  }

  The only reason I would add the other fonts is that in case a browser doesn’t support your league gothic font it will default to Helvetica Neue and so on.

• 

  ebethallan · Member · Jul 20, 2014 at 3:31 am

  • Copy link

  thanks! I’m still a little confused about what code to write if I want to use another font – not just the ones you suggest. For example, there seems to be much more than just the font name:

  league-gothic,”Helvetica Neue”,Helvetica,Arial,sans-serif;
  }

  not just: “league gothic”

• 

  gracejiyoung · Member · Jul 21, 2014 at 5:54 pm

  • Copy link

  You can just put League-gothic if you want. However, the reason for adding the rest is because if the user doesn’t have league-gothic, Helvetica Neue will take over. If League Gothic and Helvetica Neue are missing, they have a chance to use Helvetica then Arial. If all else fails, the user’s system fonts takes over and uses the default font for sans-serif. This list of choices helps control the fonts and insures a more consistent look and feel.

• 

  ebethallan · Member · Jul 22, 2014 at 10:56 am

  • Copy link

  Ah, I see. Thank you for your time!!

• 

  gracejiyoung · Member · Jul 22, 2014 at 6:06 pm

  • Copy link

  You’re welcome!