Html “为什么我的i类”；“谷歌+”图标；不'；不出现吗？

#footer.社交链接.facebook a{文本对齐：中间；浮动：左；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#3D5A96；}
#footer.sociallinks.facebook a i{font size:30px；align self:center；color:white；transition:all 0.4s；-webkit transition:all 0.4s；margin:0 auto；}
#footer.social links.facebook a i:：before{display:inline block；text decoration:none；}
#页脚。社交链接。推特a{文本对齐：中心；浮动：左；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#00B4D6；}
#footer.social links.twitter{字体大小：30px；对齐自我：中间；颜色：白色；过渡：全部0.4s；-webkit过渡：全部0.4s；边距：0自动；}
#footer.social links.twitter a i:：before{display:inline block；text decoration:none；}
#页脚。社交链接。谷歌a{text align:center；float:left；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#DC4637；}
#footer.social links.google a i{font size:30px；align self:center；color:white；transition:all 0.4s；-webkit transition:all 0.4s；margin:0 auto；}
#footer.social links.google a i:：before{display:inline block；text decoration:none；}
#页脚。社交链接。youtube a{文本对齐：中心；浮动：左；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#C00000；}
#页脚。社交链接。youtube a i{字体大小：30px；对齐自我：中间；颜色：白色；过渡：全部0.4s；-webkit过渡：全部0.4s；边距：0自动；}
#footer.social links.youtube a i:：before{display:inline block；text decoration:none；}

---

我假设您没有包括

“icon google plus icon-1”

所指的任何图标字体。但由于font awesome包含一个google plus图标，您可以将其替换为google plus的

fa

：

#footer.社交链接.facebook a{文本对齐：中间；浮动：左；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#3D5A96；}
#footer.sociallinks.facebook a i{font size:30px；align self:center；color:white；transition:all 0.4s；-webkit transition:all 0.4s；margin:0 auto；}
#footer.social links.facebook a i:：before{display:inline block；text decoration:none；}
#页脚。社交链接。推特a{文本对齐：中心；浮动：左；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#00B4D6；}
#footer.social links.twitter{字体大小：30px；对齐自我：中间；颜色：白色；过渡：全部0.4s；-webkit过渡：全部0.4s；边距：0自动；}
#footer.social links.twitter a i:：before{display:inline block；text decoration:none；}
#页脚。社交链接。谷歌a{text align:center；float:left；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#DC4637；}
#footer.social links.google a i{font size:30px；align self:center；color:white；transition:all 0.4s；-webkit transition:all 0.4s；margin:0 auto；}
#footer.social links.google a i:：before{display:inline block；text decoration:none；}
#页脚。社交链接。youtube a{文本对齐：中心；浮动：左；宽度：46px；高度：46px；边框：2px纯白；边框半径：100%；右边距：25px；/*间距*/
显示：flex；对齐项目：flex开始；转换：全部0.4s；-webkit转换：全部0.4s；背景色：#C00000；}
#页脚。社交链接。youtube a i{字体大小：30px；对齐自我：中间；颜色：白色；过渡：全部0.4s；-webkit过渡：全部0.4s；边距：0自动；}
#footer.social links.youtube a i:：before{display:inline block；text decoration:none；}

---

您的facebook、twitter和youtube图标是从font awesome软件包中加载的。然而，Google+图标的定义完全不同

---

也许你应该指定它为“fa-fa-google-plus”，如前所述？

hmm“fa-google-plus”有大写字母G。但我需要一个小的，这就是为什么我使用图标google-plus:（但是这个CSS类是如何定义的，在哪里？它是你自己的CSS类吗？如果是，请将它包括在问题中。hmm“fa-google-plus”有大写字母G，但我需要一个小的，这就是为什么我使用图标google plus：(