自从css3出现了@font-face之后，我们便可以在页面上使用我们自己的字体。但@font-face也有自己的弊端，他只会在页面需要用到这种字体的时候才去加载这种字体。这会出现两种状况，假设我们通过@font-face引入A字体。第一种情况，用到A字体的字在A字体没加载好之前，先用默认字体显示。等到A字体加载完之后再以A字体形式显示。第二种情况更加糟糕，用到A字体的字在A字体没加载好之前，直接不显示。等到A字体加载好了之后再显示出来。为了防止这种弊端的出现，也为了用户有更好的体验，我们可以通过js实现字体的预加载。