Question

我试图让Font-Awesome（v4.7）工作，但它只显示为正方形。我在我的站点的根目录中有fonts文件夹，在名为style的文件夹中有css。我已经将字体添加到fonts目录中，并且我确认了font-awesome.css文件@ font-face的网址是＆＃34; ../ fonts /＆＃34;。我假设CSS使用了引用，这样如果CSS位于根目录的子文件夹中，然后字体位于root / fonts文件夹中，它就是正确的。

bootstrap glyphicons工作，bootstrap字体与font-awesome字体在同一目录中。

<span class="fa fa-refresh">FA</span>
<span class="glyphicon glyphicon-cloud">glyph</span>

如果我查看开发工具，我就不会看到任何错误，我可以看到它应该是字体真棒标签。

有人有任何建议吗？

母版。我不知道为什么所有的到期都在那里，我继承了这个网站，但我不认为这是问题的一部分。

<head runat="server">
    <title>Preferential Bidding System</title>
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Mon, 01 Jan 1900 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link href="style/bootstrap.css" rel="stylesheet" />
    <link href="style/font-awesome.css" rel="stylesheet" type='text/css' />
    <link href="style/layout.css" rel="stylesheet" type='text/css' />    

    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

Answer 1

首先尝试使用Font Awesome页面中描述的语法（意思是<i>而不是<span>）：

<i class="fa fa-address-book" aria-hidden="true"></i>

如果这不能继续阅读：

在过去的2 - 3年里，我曾经多次发生这种情况，并且始终是以下情况之一：

a）错误的相对/绝对路径 =＆GT;最近我只使用Font Awesome CDN，这使得这不是问题

b）我的代码中的拼写错误 - 有时很容易错过明显的

查看你的代码我倾向于a）我会建议你尝试CDN，即使有理由不在这个例子中使用它 - 但它会帮助你轻松测试你的问题是否有问题路径。

旁注：你是否有机会使用Less来预先编译一些额外的CSS？也许有一个与旧版本的Font Awesome的混合，它存储并在某处被引用（它可能是缺少图标，例如只有v4.7）

字体真棒显示为正方形

1 个答案: