仮想パスの下でウェブサイトを公開すると、glyphicons-fontに問題があります。私はすべてのブートストラップのフォントの404応答コードを取得しています。mvc netでブートストラップグリフィコンフォントを読み込めません
/bower_components/bootstrap/dist/fonts/
しかし、サイトが展開されたとき、彼らは、このフォルダの下に、実際にしている:フォントは、このフォルダの下に見られている
:XXX/bower_components/bootstrap/dist/fonts/
は、私はこのような私のBundleConfig.csを登録しています
bundles.Add(new StyleBundle("~/bundles/bowercss")
// bower:css
.Include("~/bower_components/bootstrap/dist/css/bootstrap.min.css", new CssRewriteUrlTransform())
.Include("~/bower_components/angular-ui-select/dist/select.min.css", new CssRewriteUrlTransform())
.Include("~/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css", new CssRewriteUrlTransform())
.Include("~/bower_components/angular-ui-switch/angular-ui-switch.min.css", new CssRewriteUrlTransform())
.Include("~/bower_components/angular-xeditable/dist/css/xeditable.min.css", new CssRewriteUrlTransform())
// endbower
);
そして、私のWeb.configファイルに私がフォントにサポートを追加しました:
<staticContent>
<!-- Add support to .woof2 files -->
<remove fileExtension=".eot" />
<remove fileExtension=".ttf" />
<remove fileExtension=".svg" />
<remove fileExtension=".woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
更新12/12/2016:
私はAravindが提案したすべての解決策を試しましたが、運が無難です。 私もどちらかのルートフォルダにすべてのフォントをコピーし、新しいファイルを指すようにカスタムCSSでフォントファミリをオーバーライドし、それが動作しません:
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
にはどうすればダウンロードフォントを正しく取得することができますサイトが仮想パスの下に配置されているとき
こんにちは、ありがとうございますが、私のフォルダーからのフォントをcdnからではなく含めたいと思います。 – raven
ダウンロードして、すべてを選択してCSSファイルに貼り付け、名前を付けてurフォルダに追加します。 – Aravind
フロントエンドの依存関係をインストールするためにbowerを使用しているパッケージをインストールできません。 – raven