"NetworkError: 404 Not Found fontawesome-webfont.woff?v=4.0.3
je reçois ce message d'erreur chaque fois que je charge ma page d'application. Je suis l'aide de Apache. Voici mon code css.
url('../ fonts / fontawesome-webfont.woff?V=4.0.3') format ('woff')
Firefox lance
"NetworkError: 404 Not Found url.../ fonts / fontawesome-webfont.woff?v=4.0.3
alors que chrome dit
GET url.../ fonts / fontawesome-webfont.woff?v=4.0.3 404 (non compris Trouvé)
quelqu'un Peut-il me dire comment résoudre ce problème? Merci à l'avance.
5 réponses
Cela a fonctionné pour moi: Ajoutez les lignes suivantes à votre site web.config
<system.webServer>
<staticContent>
<remove fileExtension=".woff"/>
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
</system.webServer>
vous devez ajouter ces lignes car par défaut Apache n'est pas configuré avec .woff comme un type MIME par défaut. Apache type MIME par défaut Cela vaut également pour IIS. Comme Seb Duggan l'explique ici:IIS default MIME, par défaut .woff fichiers ne seront pas servis par le serveur.
j'ai mis à jour les types mime dans mon serveur web IIS et cela résout mon problème.
Extention > .ttf MimeType > application/x-font-ttf
Extention > .woff MimeType > application/x-font-woff
Extention > .woff2 MimeType > application/x-font-woff2
Je n'ai pas besoin de changer quoi que ce soit sur le web.config.
je le résous aussi en ajoutant le type de fichier sous handlers sur votre web.config pour n'importe quelle application .net, angular etc Vous pouvez définir un web.config on IIS
<handlers>
<add name="fonts" path="*.woff" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
<add name="fonts2" path="*.woff2" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
</handlers>
ajouter "src:" avant url, exemple: -
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');
src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
src: url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
src: url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
src: url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
si vous n'avez pas accès à votre config webserver, vous pouvez simplement renommer le fichier pour qu'il se termine en svg (mais conserver le format). Ça marche très bien pour moi dans Chrome et Firefox.