捆绑CSS的作品，但字体不加载

Question

我在我的MVC网站的以下文件夹结构：

- 内容 - 笔记本 - CSS

- 内容 - 笔记本 - 字体

内容直接位于网站的根目录下。在我的css文件夹我有使用相对路径

URL（” ../字体/ fontawesome-webfont.woff？V = 4.0.3' ）

我的包目前看起来文件像：

bundles.Add(new StyleBundle("~/bundles/Content/Notebook/css").Include(
     "~/Content/Notebook/css/animate.css", 
     "~/Content/Notebook/css/font.css", 
     "~/Content/Notebook/css/font-awesome.min.css", 
     "~/Content/Notebook/css/app.css" 
)); 

此使用

@Styles.Render("~/bundles/Content/Notebook/css") 

此作品为css文件，但字体呈现文件没有加载，我看到它正在寻找在这里http://localhost/MySite/bundles/Content/fonts/fontawesome-webfont.woff?v=4.0.3

我看到了，然后试图改变我的包名称

〜/内容/笔记本电脑/ CSS

认为，如果我从名称中删除“捆绑”，但是这样做会导致css文件无法加载，那么它会获得相对路径来工作。为什么不加载CSS文件？如果我把“捆绑”这个词带回到它的名字上，它又会起作用。还有关于如何让字体随捆绑一起加载的想法？

Answer 1

当你这样做：

url('../fonts/fontawesome-webfont.woff?v=4.0.3') 

你通过一个相对路径指的是字体。如果你把你的CSS包放在/bundles/Content/Notebook/css它会在bundles/content/fonts看，因为这是你的相对路径和浏览器看到你的CSS文件的位置的组合。

几个可能的选项（要么）：

• 更改你的包路径：

  bundles.Add(new StyleBundle("~/Content/Notebook/css") ... 
  (the reason your css files didn't load when you removed bundles was that you didn't change the name of the stylebundle) 
  

  和

  @Styles.Render("~/Content/Notebook/css") 
  

• 参考使用绝对路径的字体：

  url('/Content/notebook/fonts/fontawesome-webfont.woff?v=4.0.3')