2016-11-24 14 views
1

仮想パスの下でウェブサイトを公開すると、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'); 
} 

にはどうすればダウンロードフォントを正しく取得することができますサイトが仮想パスの下に配置されているとき

font response

答えて

0

アップデート1

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

それとも

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> 

を提出あなたの_layoutでこれを含める:

これらはとファイルをダウンロードして、フォルダに追加することができます使用してください。

代わりにあなたはあなたもnugetパッケージとクリックのための解探索を右クリックしてウルプロジェクトに追加することができ

Install-Package glyphicon 

を管理コンソールをパッケージ化して、このコマンドを使用する

ゴーnugetパッケージを使用することができますインストール。

+0

こんにちは、ありがとうございますが、私のフォルダーからのフォントをcdnからではなく含めたいと思います。 – raven

+0

ダウンロードして、すべてを選択してCSSファイルに貼り付け、名前を付けてurフォルダに追加します。 – Aravind

+0

フロントエンドの依存関係をインストールするためにbowerを使用しているパッケージをインストールできません。 – raven

関連する問題