2016-02-14 111 views

回答

0

这是问题所在,如果你使用的是本地CDN的font-awesome,那么你的fa类变成图标,所以你必须同时使用fa和图标。

试试这个fa fa fa-shopping-bag icon icon icon-shopping-bag

如果本地CDN
编辑您的字体真棒文件的位置为好。

@font-face{font-family:'FontAwesome'; 
src:url('../fonts/fontawesome-webfont.eot?v=4.4.0'); 
src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); 

也下载字体。

如果您使用本地的CDN,这些都是解决方案。

+0

正如我在我的原始文章中所说的,它适用于在完全相同的条件下使用完全相同的语法的所有其他图标只有这个特定的图标失败 – Manntis

+0

'fa fa-shopping-bag'创建于v4.5的font-awesome,所以尝试使用font-awesome的更新版本。 –

+0

我直接从Font Awesome中取出,而不是使用本地版本。那么如何“更新版本”呢? – Manntis

3

我刚刚有同样的问题。 “font-awesome”被包含在我们网站的基础包中。具体来说,我们使用在asp.net中开发的BV Commerce。有一个主文件,其中包含指向font-awesome的链接。您应该只需更新链接中的版本号即可。

由于版本可能更改,请先到font-awesome网站并查看页脚。当前版本号显示在那里。

接下来更改链接中的版本号。当前在这个职位的链接是

`<link href="//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet" />` 

这解决了我的问题。

如果您有多个主文件,您将需要搜索整个解决方案,以查找所有对font-awesome的引用。

希望这会有所帮助。

+0

字体真棒4.6.3 –