Font Awesome 在离线模式下不工作

Question

我正在使用 font-awesome 图标来发布我的 HTML、CSS 模板。当我有实时 link 时，它们工作正常，但是当我下载 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

可能是路径名问题尝试：

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

Answer 2

您还需要自己下载字体...它是一种字体，和其他任何字体一样...所以，请访问 fontawesome 网站，按照说明下载 css + 字体 :)

Answer 3

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

希望对您有所帮助。

Answer 4

您是否将 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 5

就我而言：如果您在 html（或任何其他使用 * 选择器的重要字体系列）中添加了类似的内容，那么这可能是您的图标未显示的原因..

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

Font Awesome 在离线模式下不工作

Font Awesome not working in offline mode

html

css

font-awesome

offline