Question

我想在网页中离线使用字体真棒图标但是没有发生，因为我的代码在这里不知道确切的原因

<html>
<head>
    <title>font-awesome example</title>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
</head>
<body>


this is example about font-awesome<i class="fa fa-bell"></i>

<br>
this is not working
</body>
</html>

请任何人让我以正确的方式在我的页面上获得字体真棒

Answer 1

您是否也下载了fonts文件夹？所有字体真棒图标都包含在字体文件中，浏览器希望在名为＆＃39; fonts＆＃39;。

的目录中找到这些图标。

如果您只包含css文件，则该页面无法找到实际字体，并且图标不会加载。

Answer 2

我遇到了类似的问题。我意识到我只是直接将目标CSS文件路径复制到了字体真棒图标（未显示）之前。只是盒子的轮廓。解决方案是将下载后提取的整个文件夹复制到工作（HTML / CSS）组合中，并使用“ ./”文件路径访问权限来访问目标fontawesome.CSS或all.CSS文件。它将像在线一样工作。祝你好运。

Answer 3

/css/all.css文件包含核心样式以及使用Font Awesome时需要的所有图标样式。 / webfonts文件夹包含上述CSS引用并依赖的所有字体文件。

将整个/ webfonts文件夹和/css/all.css复制到项目的静态资产目录（或您希望保留前端资产或供应商资料的位置）。

将复制的/css/all.css文件的引用添加到要在其上使用Font Awesome的每个模板或页面的。

访问-https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

字体真棒图标无法脱机工作

3 个答案: