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

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 +字体:)