今天写项目遇到一个坑,在vue项目里引入的字体图标,第一次启动项目,图标是没问题的,可以正常显示,可是在后续的操作中,猛地发现字体图标都不显示了。首先,我先补充两点:1、后台没报错;2、不显示图标字体,也不出现方框(平常会遇到的其中一个问题)。
网上也百度不出来我想要解决的问题,我在控制台看了下,问题所在是 i 标签的CSS样式里的:before里的 content没有显示出来。而且更奇怪的是隔一段时间我再看的时候,图标居然又出来了,我刷新两下,可能会出来,也可能不会出来,这是在逗我吗?:sweat::sweat:补充一下,我一直是在谷歌浏览器运行的,如下图所示:
找了老半天,我换了个浏览器试试,果然,换了个浏览器,字体图标出来了,如图所示:
第一次遇到这种问题,谷歌居然不给力。这是兼容性造成的吗,本人水平有限,希望大佬们给些指点。:pray::pray: