font-awesome a pas de travail bundleconfig dans MVC5
Si je direct, reportez-vous à font-awesome.css
de _layouts page. il travaillera
<link href="~/Content/font-awesome-4.0.3/css/font-awesome.css" rel="stylesheet" />
Mais j'ai utilisé dans BundleConfig.cs
. L'icône n'est pas affichée.
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/font-awesome-4.0.3/css/font-awesome.css",
"~/Content/bootstrap.css",
"~/Content/body.css",
"~/Content/site.css",
"~/Content/form.css"
));
et aussi j'ai observé le navigateur de la console d'erreur de répertoire de police.
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:51130/fonts/fontawesome-webfont.woff?v=4.0.3
quel pourrait être le problème?
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser
CssRewriteUrlTransform
lorsque le regroupement de:Cela change toutes les url pour les actifs de dans le fichier css pour les url absolues de sorte que le groupement ne pas gâcher le chemin d'accès relatif.
Docs pour CssRewriteUrlTransform
StyleBundle
virtualpath: Lien 1 , Lien 2, Lien 3, Lien 4 , espérons que cela aide quelqu'un.CssRewriteUrlTransform
de prendre cela en compte. Vous pouvez trouver un exemple ici sur stackoverflow, juste google "CssRewriteUrlTransform répertoire virtuel".bundles.Add(new StyleBundle("~/Content/fontawesome").Include("~/Content/font-awesome/css/font-awesome.css"))
alors il ne devrait pas être réelle de la police impressionnant dossier présent dans le Contenu de votre site dossier, sinon il va vous donner un runtime erreur bizarre.Ma solution était simple: exécuter H> Install-Package FontAwesome, et
de référence le chemin d'accès correct:
J'ai eu le même message d'erreur et fixe après la configuration des types mime pour les polices web dans IIS .
/Content
répertoire et déplacé les polices sous/fonts
.Avec la version 5.1.0 j'avais pour référence
all.css
au lieu defontawesome.css
c'est à dire,J'ai aussi eu ce même message d'erreur. J'ai dû faire une combinaison des réponses répertoriées dans ce fil:
Ajouter cette ligne de code comme suggéré par @Simon C:
.Include("~/Contenu/font-awesome-4.0.3/css/font-awesome.css", nouvelle CssRewriteUrlTransform());
Cette travaillé pour corriger les url relatives, cependant, j'ai dû supprimer le font-awesome.min.fichier css de mon bower répertoire à chaque fois que j'ai publié sinon, le système de regroupement permettrait de se confondre et de ne pas les inclure et de rapetisser le font-awesome.fichier css. Alors...
J'ai eu à faire ce que @miha suggéré dans un commentaire et de corriger les url relatives de la font-awesome.min.fichier css avec CssRewriteUrlTransform(). J'ai donc décidé de réécrire les url dans le .min de fichier et de les inclure à la place d'une unminified version et cela a fonctionné:
.Include("~/Contenu/font-awesome-4.0.3/css/font-awesome.min.css", nouvelle CssRewriteUrlTransform());
Si je comprends bien, le bundler ne vais pas essayer de rapetisser l' .min fichier à nouveau parce que c'est déjà minimisé. Le seul "inconvénient" est-il ne pas concaténer le font-awesome.min.css contenu dans le fichier css que le bundler crée. Il sera inclus séparément.
- Je ajouter une autre réponse à cette question j'ai trouvé la solution en mélangeant certains d'entre eux.
Dernier point est la clé de tout: distribué "min" versions de la js fichiers, ne pas suivre le "CssRewriteUrlTransform" règles. Ainsi, la suppression manuelle de bootstrap.min.css, de la police awesone.min.css définitivement résolu le problème.