谷歌加上字体真棒图标将不会显示 - 其余图标工作正常

时间:2018-04-04 18:05:52

标签: html css font-awesome

我想为网页制作一个Contact部分,使用各种社交媒体的字体真棒图标。我已经成功使用了其余图标(FacebookTwitterLinkedin,甚至是提示发送电子邮件的信封图标,而且我还使用了字体真棒图标来制作一个小咖啡杯我页面的页脚。 唯一无法显示的FA图标是Google+图标。我使用的代码对于每种情况都是相同的,分别改变了图标的名称:

<a href="#"><i class="fa fa-google-plus-g"></i></a>

我检查了我的括号,甚至在页面周围移动了图标,无论它到哪里都无法显示。这是一个与我的浏览器版本有关的问题吗?如何让我的图标可见?谢谢。

修改:icon's pageCodePen

4 个答案:

答案 0 :(得分:2)

<a href="#"><i class="fab fa-google-plus-g"></i></a>

您错过了b

上的fab

答案 1 :(得分:1)

删除-g对我有用。

<a href="#"><i class="fa fa-google-plus"></i></a>

https://jsfiddle.net/p4nykvzb/

答案 2 :(得分:1)

  

FA-谷歌加

是font-awesome v4

  

FA-谷歌加克

是font-awesome v5

从原帖中的链接

  

此图标取代了Font Awesome 4的fa-google-plus   我们创建了一个垫片来帮助人们轻松地将他们现有的项目从Font Awesome 4升级到5,并避免那些令人尴尬的遗漏图标时刻。

答案 3 :(得分:0)

您可以使用fa fa-google-plus-circlefa fa-google-plus-square。它会工作!