Html 为什么不是'；我的字体真是太棒了，图标背景加载？

我是网站设计的新手，目前正在学习CSS。我有这个问题，其他两个图标的背景已经加载，但第二个没有

.bg instagram{
填充：7px 10px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：径向梯度（30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%处的圆圈）；
}
.bg whatsapp{
填充：7px 10px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：绿色；
}
.bg facebook{
填充：7px 13px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：#3b5998；
}

检查此项，font awesome正在工作。我想你忘了使用字体可怕的CDN。 在font awesome.fa icon类中未找到此名称的图标

.bg instagram{
填充：7px 10px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：径向梯度（30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%处的圆圈）；
}
.bg whatsapp{
填充：7px 10px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：绿色；
}
.bg facebook{
填充：7px 13px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：#3b5998；
}

字体很棒的图标
你的代码




我的不同代码

检查此项，font awesome正在工作。我想你忘了使用字体可怕的CDN。 在font awesome.fa icon类中未找到此名称的图标

.bg instagram{
填充：7px 10px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：径向梯度（30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%处的圆圈）；
}
.bg whatsapp{
填充：7px 10px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：绿色；
}
.bg facebook{
填充：7px 13px；
边界半径：50%；
宽度：100%；
身高：100%；
背景：#3b5998；
}

字体很棒的图标
你的代码




我的不同代码

很抱歉让问题挂起，我意识到它没有加载，因为我必须硬刷新浏览器才能加载css文件

很抱歉让问题挂起，我意识到它没有加载，因为我必须硬刷新浏览器才能加载css文件

背景正在工作，问题在哪里？嗨，我意识到这是因为我必须在浏览器上进行硬刷新才能加载更改。Thanks@taubar您能为该解决方案创建一个答案而不是一个注释吗？这样，其他人可以在查看问题列表时看到您的问题得到了回答。背景正在工作，问题在哪里？我意识到，这是因为我必须在浏览器上进行硬刷新，才能加载更改。Thanks@taubar您能为该解决方案创建一个答案而不是一个注释吗？这样，其他人可以在查看问题列表时看到您的问题得到了回答。