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?
Thanks.