Adding Google Font to Design Palette Pro

[mhexpert]

Hi there,

I'm using Design Palette Pro with their Google WebFonts plugin.

One of the fonts I want to use for my site title is not included in the plugin (Poiret One). I was able to edit the functions.php file and then add custom CSS to my theme via DPP, and it worked beautifully (thanks to advice from other topics).

For another font I want to use, the font versions that I need are not included (300 light, etc). This is where I'm having trouble. The new font will not display...

What I've done so far is this:

I added this to the functions.php file, as suggested in other topics:

//* Enqueue Poiret-One and Josefin-Sans Google fonts
add_action( 'wp_enqueue_scripts', 'sp_load_google_fonts' );
function sp_load_google_fonts() {
	wp_enqueue_style( 'google-poiret-one', '//fonts.googleapis.com/css?family=poiret+one:400 | josefin+sans:300,600,600italic,700,700italic', array(), CHILD_THEME_VERSION );
}

Then I added this to the Freeform CSS to force Josefin Sans 300 (light) across my entire site:

body.gppro-custom {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
        font-size: 20px;
}

My site still shows me Josefin Sans 400, which is an italic font. Josefin Sans 300 is a light font with no italics.

I appreciate any help in advance.

PS: pardon mistakes posting, it is my first time.

http://www.manufacturedhomes.expert

[frobn]

You need to capitalize the font names and remove the spaces

//fonts.googleapis.com/css?family=Poiret+One:400|Josefin+Sans:300,600,600italic,700,700italic

[mhexpert]

@frobn: Genius! THANK YOU! It works now!

[Author]

Posts