Estou usando @font-face
no site da minha empresa e funciona / parece ótimo. Exceto Firefox e Chrome lançará um erro 404 no .woff
arquivo. O IE não lança o erro. Eu tenho as fontes localizadas na raiz, mas tentei com as fontes na pasta css e até fornecendo o URL inteiro para a fonte. Se remover essas fontes do meu arquivo css, não recebo o 404, então sei que não é um erro de sintaxe.
Além disso, usei a ferramenta fontsquirrels para criar as @font-face
fontes e o código:
@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;
}