Twenty Fourteen theme fonts

• 

  jklmd2002 · Member · Jul 18, 2015 at 6:33 pm

  • Copy link
  • Add topic to favorites

  Hello all,
  I’m reworking my site using the 2014 theme. Really like the look of it, but one issue I’m having is trying to get the fonts to look correct. On the Theme Preview, it said Lato was the default, but I’m not seeing it here and was wondering if it’d been removed.

  If so any suggesting for a font that would not cut off the text in the widgets, but not make the regular headline posts so small?

  Thanks!

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

• 

  micawbr · Member · Jul 18, 2015 at 9:49 pm

  • Copy link

  Hello,
  I installed the 2014 theme on a test blog and it’s still using the Lato font.

  On your site, I’m seeing League Gothic and Abril Text fonts instead. Do you have the Premium plan? If so, it’s possible that you have fonts selected that are overriding the default.

  Go to My Sites > Customize and click the Fonts tab. Click the X next to the font name to remove it from the Headings and Body Text sections. After that it should say “Default Theme Font” for both. Click the Save and Publish button.

• 

  jklmd2002 · Member · Jul 19, 2015 at 2:06 am

  • Copy link

  Thank you micawbr! Is there an option to make the default font bigger or smaller as needed?

• 

  micawbr · Member · Jul 20, 2015 at 2:47 am

  • Copy link

  If you use a different font, there is a dropdown that lets you change the font size for your headings and body text, but this isn’t the case when using the default font.

  The only option I could find for doing this site-wide is to make changes to the CSS by adding the code below in the CSS tab on the Customizer. The numbers can be changed to your liking.

  body {
  	font-size: 20px;
  }
  
  .entry-title {
      font-size: 35px;
  }

  If you’re just wanting to change the size of some words within a single post, you can switch to the text tab in the editor and include code like this:

  <span style="font-size: 30px;">This text is larger</span> than the rest.

  If you’re interested in learning more about CSS customizations, take a look at the resources linked in this post: https://en.forums.wordpress.com/topic/learning-about-css-1