@Font-Face - inline

The oddest thing is happening.

I have @Font-face rules in an ext css file, and in fiddling around and bringing them inline inside a style tag, it all falls apart giving me some 404s as per console.

@font-face {
	    font-family: 'Avenir-Book';
	    src: url('fonts/avenirltstd-book-webfont.eot');
	    src: url('fonts/avenirltstd-book-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/avenirltstd-book-webfont.woff') format('woff'),
	         url('fonts/avenirltstd-book-webfont.ttf') format('truetype'),
	         url('fonts/avenirltstd-book-webfont.svg#AvenirLTStd45BookRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;

		@font-face {
	    font-family: 'Avenir-Roman';
	    src: url('fonts/avenirltstd-roman-webfont.eot');
	    src: url('fonts/avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/avenirltstd-roman-webfont.woff') format('woff'),
	         url('fonts/avenirltstd-roman-webfont.ttf') format('truetype'),
	         url('fonts/avenirltstd-roman-webfont.svg#AvenirLTStd55RomanRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;


So specifically,

url(‘fonts/avenirltstd-book-webfont.woff’) format(‘woff’),
url(‘fonts/avenirltstd-book-webfont.ttf’) format(‘truetype’),
url(‘fonts/avenirltstd-book-webfont.svg#AvenirLTStd45BookRegular’) format(‘svg’);

url(‘fonts/avenirltstd-roman-webfont.woff’) format(‘woff’),
url(‘fonts/avenirltstd-roman-webfont.ttf’) format(‘truetype’),
url(‘fonts/avenirltstd-roman-webfont.svg#AvenirLTStd55RomanRegular’) format(‘svg’);

are coming up 404 when brought inline.

What am I not seeing here?


When you place the styles in a different location (such as on the HTML page in style tags), the paths to the files most likely change. Unless the /fonts/ folder is in the same folder as the page in question, the paths will be wrong.

Thx. That was checked immediately. And I’m good.

I’m not sure what you mean. Is it fixed or not? :smiley:

ahh. sorry. I meant, i checked it the min I got the 404s. And that was not the issue. So - no, it’s not resolved. Sorry! i was basically thinking out loud in my own vernacular. :wink:

Do you have a link we can see? Might help us to debug it.


say hello to the village idiot.

found the issue. A letter was off and i was totally done.


Let this serve as a lesson - TEAMWORK. some fresh eyes. :wink: team mate just pointed it out.

Thanks folks.