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