谷歌加载字体图标不显示，火狐可以，什么问题造成的？

  今天写项目遇到一个坑，在vue项目里引入的字体图标，第一次启动项目，图标是没问题的，可以正常显示，可是在后续的操作中，猛地发现字体图标都不显示了。首先，我先补充两点：1、后台没报错；2、不显示图标字体，也不出现方框（平常会遇到的其中一个问题）。
  网上也百度不出来我想要解决的问题，我在控制台看了下，问题所在是 i 标签的CSS样式里的:before里的 content没有显示出来。而且更奇怪的是隔一段时间我再看的时候，图标居然又出来了，我刷新两下，可能会出来，也可能不会出来，这是在逗我吗？??补充一下，我一直是在谷歌浏览器运行的，如下图所示：

找了老半天，我换了个浏览器试试，果然，换了个浏览器，字体图标出来了，如图所示：

第一次遇到这种问题，谷歌居然不给力。这是兼容性造成的吗，本人水平有限，希望大佬们给些指点。??