無法在mvc網絡上加載自舉字形字體

當我在虛擬路徑下發佈網站時，出現glyphicons-font問題。我得到了所有bootstrap字體的404響應代碼。這些字體被這個文件夾下看：無法在mvc網絡上加載自舉字形字體

/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提出的所有解決方案，但沒有任何運氣。我甚至複製了所有的字體到根文件夾，並推翻了FONT-FAMILY在自定義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'); 
}

我怎樣才能獲得正確的字體下載當該網站部署在虛擬路徑下時？

來源

2016-11-24 raven

包括這在你的_layout文件

<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">

更新1：

使用這些可下載的文件，並添加到您的文件夾中。

或者您可以使用的NuGet包

轉到包管理器控制檯，使用此命令

Install-Package glyphicon

你甚至可以它通過右鍵點擊該解決方案搜索添加到烏爾項目的NuGet包，然後單擊安裝。

來源

2016-11-24 21:29:14 Aravind

嗨，謝謝，但我想包括我的文件夾中的字體不是從CDN。 – raven

下載並將其添加到您的文件夾，方法是選擇所有文件並將其粘貼到css文件中。 – Aravind

我無法安裝我們使用bower安裝前端依賴項的軟件包。 – raven

無法在mvc網絡上加載自舉字形字體

回答

相關問題