Я использую @font-face на моем сайте компании, и он работает/отлично выглядит. Кроме того, Firefox и Chrome будут вызывать ошибку 404 в файле .woff. IE не выдает ошибку. У меня есть шрифты, расположенные в корне, но я попытался использовать шрифты в папке css и даже дал весь URL-адрес шрифта. Если удалить эти шрифты из моего css файла, я не получаю 404, поэтому я знаю, что это не синтаксическая ошибка.
Кроме того, я использовал инструмент fontsquirrels для создания шрифтов и кода @font-face:
@font-face {
font-family: 'LaurenCBrownRegular';
src: url('/laurencb-webfont.eot');
src: local('☺'),
url('/laurencb-webfont.woff') format('woff'),
url('/laurencb-webfont.ttf') format('truetype'),
url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontinSansRegular';
src: url('/fontin_sans_r_45b-webfont.eot');
src: local('☺'),
url('/fontin_sans_r_45b-webfont.woff') format('woff'),
url('/fontin_sans_r_45b-webfont.ttf') format('truetype'),
url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
font-weight: normal;
font-style: normal;
}
