J'utilise @font-face
sur le site de mon entreprise et cela fonctionne / a fière allure. Sauf que Firefox et Chrome lèveront une erreur 404 sur le .woff
fichier. IE ne renvoie pas l'erreur. J'ai les polices situées à la racine mais j'ai essayé avec les polices dans le dossier css et même en donnant l'url entière pour la police. Si je supprime ces polices de mon fichier css, je n'obtiens pas de 404, donc je sais que ce n'est pas une erreur de syntaxe.
En outre, j'ai utilisé l'outil fontsquirrels pour créer les @font-face
polices et le code:
@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;
}