fa-user-circle-o 不工作

Question

fa-user-circle-o 不工作

我想显示用户圆圈图标，我已经下载了一个字体很棒的 css 文件，版本为 4.7.0。但这对我不起作用。如果我使用 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>

Run Code Online (Sandbox Code Playgroud)

有谁知道是什么问题？

Answer 1

Tuğ*_*ker 1

正如您从其名称中可以理解的那样，Font-Awesome 具有很酷的基于字体的方法来使用图标。因此，包含 CSS 文件是不够的。如果您想在本地存储 CSS 文件，您也应该存储字体文件。

如文档所述，您的服务器上应该有整个文件夹（包括字体文件夹，其中包括 woff、tff 等）。

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

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

归档时间：	8 年，9 月前
查看次数：	9277 次
最近记录：	8 年，9 月前