网站VSC信封图标不显示,请求协助排查代码问题
信封图标不显示的解决办法
- 先确认你用的Font Awesome版本支持
fa-sharp和fa-thin样式。如果是免费版,这俩样式大概率用不了,直接换免费可用的类:
或者实心款的:<i class="fa-regular fa-envelope" style="color: #000000;"></i><i class="fa-solid fa-envelope" style="color: #000000;"></i> - 检查颜色:你原来设的
#ffffff(白色),要是父容器背景也是白色,图标直接隐身,先换成深色测试,排除颜色问题。 - 给
.Icon容器加样式:如果容器没宽高,图标可能出不来,添上:.Icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } - 最后确认页面里真的引入了Font Awesome的CSS文件,不管本地还是CDN,路径必须对,没引入的话所有Font Awesome图标都没法显示。
内容的提问来源于stack exchange,提问作者Niko Ussenov
相关产品推荐
相关产品推荐

