Google Fonts

[Birgit Reizevoort]

Hi Bill,

Another question:

Does the theme come with Google Fonts? I would like to use Arial Narrow, is that possible at all?

Birgit

[Bill Robbins]

Brigit,

Great question. The theme does load the Open Sans font from Google’s web fonts, but you can turn it off. Here’s how:

1. Go to the Appearance section and select Edit.
2. From the list of files on your right, choose custom-css.php
3. Scroll down to the bottom and delete this:

   
   // load Google font
   	add_action( 'wp_head', 'organizedthemes_font_loading' );
   	
   	function organizedthemes_font_loading() { ?>
   	
   	
   	
   	

4. Save your changes.
5. Now you can select Arial Narrow by pasting this into the Custom CSS box in the Styling tab of the theme options page:

   
   body, h1, h2, h3, h4, h5, h6 {
   	font-family: 'Arial Narrow', 'Arial, sans-serif;
   }
   

6. Update your settings.

That should remove Open Sans and swap out for Arial Narrow. I've just started adding in Google fonts options to the themes and will include it in Moonrise in the next couple of weeks. It will let you choose one of their fonts, sizes and also disable Google font loading if you'd like to.

If you have any questions or trouble, let me know,
Bill

[Birgit Reizevoort]

Thanks again for your great support, Bill!

[Birgit Reizevoort]

Oh, how can I adjust the line spacing (to 1,5 or maybe 2)?

[Bill Robbins]

Great question. You can use this CSS snippet to change the line heights:

body {
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
}

The first one will change the heights of the elements that aren’t headings. The second one will change the headings.

Let me know if you have any trouble,
Bill

[Birgit Reizevoort]

Thanks, worked like a charm!

[Bill Robbins]

Fantastic! Have a great week.

[Author]

Posts