【发布时间】：2013-10-16 04:27:15
【问题描述】：
我刚刚开始使用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 文件夹中的所有字体类型的相对路径都应该是正确的，并且此文件夹与具有样式表的 Contentfolder 位于同一级别。
查询字符串是否附加到样式表中的字体名称以检查浏览器？如果是这样，我在带有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 条件语句，反之亦然？还是您认为是其他原因导致了问题？
【问题讨论】：
-
Web 字体和 IIS 可能是其中的一部分：sebduggan.com/blog/serving-web-fonts-from-iis
-
我看到您正在使用带有 Razor 语法的 ASP.NET。下次，请相应地标记您的帖子，否则看到
href="@Url.Content(...)"的人可能无法理解该语法。 -
另外：确保您的 IIS 实例设置为提供 Web 字体。尝试直接导航到 URL，并查看您的浏览器是否下载/接受该文件（或尝试显示它）。如果遇到 IIS 错误，则需要为该文件设置（我相信是）MIME 类型，以便 IIS 知道如何将其提供给浏览器。
-
@SpikeX 感谢您的指出和相应的编辑。首先，我认为这个问题可能普遍适用，但后来我只是尝试并看到它在其他平台上运行良好。正如你所说，这个问题是
.NET特定于 IIS 的。
标签： asp.net css razor fonts font-awesome