web字体加载方案优化小结

​一般来说,开发者对网页字体使用会相对接触比较少一些,使用最多也无非是 font-family ,以及可能会加载几个网络字体。 @font-face { font-family: 'family-name'; src: url('${url}'); } .main { font-family: 'family-name'; } 然而实际开发过程中,往往会遇到更多的问题,比如切换字体加一个loding效果。 这里主要总结一下web字体加载存在的问题,以及最佳实践。 FOIT 一般情况下,在字体文件加载完成之前,浏览器会使用备用字体来显示文字,这被称为FOIT(Flash of U