So I'm having a play around with Wordpress, and it's proving a lot trickier than I first thought! At the minute I'm stuck with Wordpress finding my custom fonts. They load fine when they are in the theme folder and are in the CSS as:

 

@font-face {
font-family: 'prostoregular';
src: url('prosto-webfont.eot');
src: url('prosto-webfont.eot?#iefix') format('embedded-opentype'),
	 url('prosto-webfont.woff') format('woff'),
	 url('prosto-webfont.ttf') format('truetype'),
	 url('prosto-webfont.svg#prostoregular') format('svg');
font-weight: normal;
font-style: normal;
}

 

However I have created a folder called 'fonts' in my theme folder but when I have this in the CSS:

 

@font-face {
font-family: 'OpenSansRegular';
src: url('../fonts/OpenSans-Regular-webfont.eot');
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
	 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
	 url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}

 

it won't find these fonts. I have tried going one deeper each time and it's not having it ( for example /htdocs/wp-content/themes/twentytwelve/fonts ).

 

Any ideas?

Thanks.

 

 

After all that I was overcomplicating things -

   url('fonts/OpenSans-Regular-webfont.woff') format('woff')

works, didn't need the

/

before fonts.

Edited December 31, 201213 yr by jpwd

Was about to post exactly that. Good job for figuring it out!

And on that conclusion... thread closed

Edited December 31, 201213 yr by MikeChipshop