Docs

[apodgorski]

Hello,

I added my four font files (eot, svg, ttf and woff) to my wp-content/fonts folder and then added the following code to the Customizer Custom CSS field and I can’t seem to figure out why the header’s aren’t changing to the font. (The site is no where near complete yet, just trying to get the groundwork before content). Please help 😀

@font-face {
font-family: ‘Nathaniel’;
src: url(‘http://amp-designs.com/wp-content/fonts/Nathaniel.eot’);
src: url(‘http://amp-designs.com/wp-content/fonts/Nathaniel.eot?#iefix’) format(’embedded-opentype’),
url(‘http://amp-designs.comfonts/Nathaniel.woff’) format(‘woff’),
url(‘http://amp-designs.com/wp-content/fonts/Nathaniel.ttf’) format(‘truetype’),
url(‘http://amp-designs.com/wp-content/fonts/Nathaniel.svg#fontname’) format(‘svg’);
}
header .x-brand.text {
font-family: ‘Nathaniel’;
}

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[apodgorski]

This reply has been marked as private.

[Thai]

Hi There,

Please update your custom CSS to this:

@font-face {
	font-family: 'Nathaniel';
	src: url('//www.amp-designs.com/wp-content/fonts/Nathaniel.eot');
	src: url('//www.amp-designs.com/wp-content/fonts/Nathaniel.eot?#iefix') format('embedded-opentype'),
	url('//www.amp-designs.comfonts/Nathaniel.woff') format('woff'),
	url('//www.amp-designs.com/wp-content/fonts/Nathaniel.ttf') format('truetype'),
	url('//www.amp-designs.com/wp-content/fonts/Nathaniel.svg#fontname') format('svg');
}
header .x-brand.text {
	font-family: 'Nathaniel';
}

Hope it helps 🙂

[apodgorski]

Thank you!

[Paul R]

You’re welcome! 🙂

[Author]

Posts