字体真棒袋图标不显示

时间:2016-02-14 05:19:14

标签: font-awesome

使用I类HTML可以很好地处理其他图标,但是当我根据Font Awesome网站的图标代码使用fa fa fa-shopping-bag时,它不显示。

2 个答案:

答案 0 :(得分:3)

我遇到了同样的问题。 "字型真棒"被列为我们网站基础的一揽子计划的一部分。具体来说,我们使用在asp.net开发的BV Commerce。有一个主文件,其中包含font-awesome的链接。您只需将链接中的版本号更新为font-awesome。

由于版本可能会发生变化,请先转到font-awesome网站查看页脚。当前版本号显示在那里。

接下来更改链接中的版本号。这篇文章的当前链接是

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

这解决了我的问题。

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

希望这有帮助。

答案 1 :(得分:0)

问题在于,如果您使用的是本地CDN的字体很棒,那么您的fa类会以某种方式更改为图标,因此您必须同时使用fa和icon。

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

如果是本地CDN
编辑你的font-awesome文件的位置。

@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,这些都是解决方案。