我想为网页制作一个Contact
部分,使用字体很棒的图标为各种社交媒体。我已经成功地使用了其余图标(Facebook
,Twitter
,Linkedin
,甚至是提示电子邮件的信封图标(,并且我还使用了字体Awesome Icons在我页面的页面上的小咖啡杯中。唯一无法显示的FA图标是Google+
图标。我使用的代码对于每种情况都相同,分别更改图标的名称:
<a href="#"><i class="fa fa-google-plus-g"></i></a>
我已经检查了我的括号,甚至在页面周围移动了图标,无论它在哪里都无法显示。这与我的浏览器版本有关吗?如何使我的图标可见?谢谢。
编辑:图标的页面和codepen
<a href="#"><i class="fab fa-google-plus-g"></i></a>
您缺少fab
上的b
fa-google-plus
是字体可感知的v4
fa-google-plus-g
是字体可感知的v5
从原始帖子中的链接
中的链接此图标取代字体很棒的4的FA-Google-Plus 我们创建了一个垫片,以帮助人们轻松升级他们现有的项目从"真棒4"升级到5,并避免那些令人尴尬的缺失图标时刻。
删除-g为我工作。
<a href="#"><i class="fa fa-google-plus"></i></a>
https://jsfiddle.net/p4nykvzb/
您可以使用fa fa-google-plus-circle
或fa fa-google-plus-square
。它将起作用!