前端预加载静态资源文件

需求：页面首次加载时字体文字无法正常显示，需要等待一会儿才显示。

思考：由于字体文件没有请求完成就进入页面，所以导致文字过会儿才显示。

解决方案：预先加载字体文件，之后再进入页面。（可以通过link标签进行预加载）

示例代码：

<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
<link rel="preload" as="font" href="<%= require('./AvenirNextLTProBold.otf') %>" crossorigin>
<link rel="preload" as="font" href="<%= require('./HelveticaNowText.OTF') %>" crossorigin>
<link rel="preload" as="font" href="<%= require('./Lobster.otf') %>" crossorigin>
<link rel="preload" as="font" href="<%= require('./OPPOSans-B.ttf') %>" crossorigin>
<link rel="preload" as="font" href="<%= require('./OPPOSans-M.ttf') %>" crossorigin>

补充说明：注意，这样会使页面进入缓慢，所以谨慎使用，crossorigin属性是为了避免浏览器重复请求资源。