2015-06-14 75 views
6

我正在使用font-awesome用于发布我的HTML,CSS模板的图标。当我有活动链接时,他们工作正常,但是当我下载CSS文件并将其包含在我的页面图标中消失时。Font Awesome不能在离线模式下工作

直播路径:<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">

我怎么能在离线模式下使用的字体真棒?

+0

只需下载该CSS,并且包括在头:) http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.3.0.zip ,检查路径的CSS ..: ) –

+0

打开http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css,看看如何连接字体。你在哪里字体? – Dmitriy

+0

@Dmitriy thanx我已经包含了字体文件夹,它工作正常:) – Mehar

回答

6

您还需要下载字体本身以及...这是一个字体,就像任何其他的...所以,去fontawesome网站,跟随说明和下载css +字体:)

3

可能是一个路径问题尝试:

<link href="./css/font-awesome.css" rel="stylesheet"> 
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。

+0

这解决了我的问题。谢谢 :) –