Question

我想显示用户圈子图标，我已经下载了一个版本为4.7.0的font-awesome css文件。但这不适合我。如果我使用cdn然后它的工作。我没有得到下载文件中的问题。这是我的代码：

<html>
    <head>
        <link href="font-awesome.min.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <i class="fa fa-user-circle-o"></i>
    </body>
</html>

有谁知道这是什么问题？

Answer 1

正如你可以从它的名字中理解的那样，Font-Awesome有很酷的基于字体的方法来使用图标。所以，包括CSS文件是不够的。如果要在本地存储CSS文件，也应该存储字体文件。

作为documented，您应该在服务器上拥有整个文件夹（包括包含woff，tff等的字体文件夹）。

将整个font-awesome目录复制到您的项目中。

在您的html中，将该位置引用到您的font-awesome.min.css。

Answer 2

HTML的body部分没有问题。当然，它必须与font-awesome.min.css或其路径。

有两种方法可以解决这个问题：

font-awesome.min.css可能未与您的HTML一起加载。检查chrome DevTools的network标签。您提供的路径表示chrome用于在与HTML文件相同的目录中查找CSS文件。
或者，如果您不想自己维护CSS，则可以为cdn提供font-awesome.min.css链接。为此，请将link中的head标签更改为以下内容：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

Answer 3

您还必须托管字体文件。访问fontawesome网站并阅读相关文档。 Font awesome get started

fa-user-circle-o无法正常工作

3 个答案: