字体真棒没有加载

Question

我刚开始使用Font Awesome而且我必须在引用程序包中的文件时出错。例如，<i class="icon-music"></i>没有显示图标。

以下是默认的css，除了我更改文件路径以遵守我的结构。

@font-face {
  src: url('../Font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
}

相对路径应该与Font文件夹中的所有字体类型一致，并且此文件夹与具有样式表的Content文件夹位于同一级别。

查询字符串是否附加到样式表中的字体名称以检查浏览器？如果是这样，我在带有ie7条件注释的html页面上所做的事情应无效。

<link rel="stylesheet" media="all" href="@Url.Content("~/Content/font-awesome.css")" />
<!--[if IE 7]>
<link rel="stylesheet" media="all" href="@Url.Content("~/Content/font-awesome-ie7.css")" />
<![endif]-->

我应该在样式表中的字体名称之后删除查询字符串并保持ie7条件语句，反之亦然？或者是否是您认为导致问题的其他原因？

Answer 1

您的html代码不正确这是正确的代码

<link rel="stylesheet" media="all" href="~/Content/font-awesome.css" type="text/css" />