Question

我正在使用 font-awesome 图标发布我的HTML，CSS模板。当我有实时链接时，它们正常工作，但是当我下载CSS文件并将其包含在我的页面中时，图标会消失。

直播路径：<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

本地路径：<link href="css/font-awesome.css" rel="stylesheet">

如何在离线模式下使用字体真棒？

Answer 1

您是否将FontAwesome字体嵌入到项目中？你的结构必须是这样的：

[+]assets
    [+]css
        font-awesome.css
    [+]js
        demo-file.js
    [+]fonts
        fontawesome-webfont.eot
        fontawesome-webfont.svg
        fontawesome-webfont.ttf
        fontawesome-webfont.woff
        fontawesome-webfont.woff2
index.html
sample.html
whatever.html

之后，您可以在本地使用FontAwesome。

Answer 2

你还需要自己下载字体...这是一种字体，就像其他任何...所以，去fontawesome网站，按照说明下载css +字体:)）

Answer 3

可能是路径名问题尝试：

<link href="./css/font-awesome.css" rel="stylesheet">

Answer 4

我认为您没有下载字体或使用了错误的路径。您可以在https://fontawesome.com/download下载最新版本的字体。别忘了检查你的路径！

希望这有帮助。

Answer 5

在我的情况下：如果您在html中添加了类似的内容（或使用*选择器具有重要意义的其他字体家族），则可能是图标未显示的原因。

*{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
 }

Font Awesome无法在离线模式下工作

5 个答案: