javascript - 如何在HTML中正确包含字体

当前字体包含在CSS文件中，如下所示：

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

但是，当页面加载时，它会阻止渲染，直到加载这些粗字体为止。我是否应该仅使用<style>标记将其包含在HTML中，但是有没有更好的方法来保持页面加载速度的优化？

最佳答案

即使您使用JavaScript，它也一样...相反，您可以显示一个预加载器叠加层，直到页面完全加载为止。然后隐藏预加载器叠加层

https://css-tricks.com/snippets/css/using-font-face/

关于javascript - 如何在HTML中正确包含字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39987128/