文档准备好后，推迟加载font-face字体

Question

有没有办法阻止在document.ready之前获取自定义字体并在此之后加载字体？这有助于缩短页面加载时间（浏览器微调器显示的时间）

Answer 1

你可以试试这个：

$(document).ready(function() {
    var font_settings = "   <style type='text/css'> @font-face {font-family: YourFont; src: url('fonts/YourFont.ttf');}</style>";
 $("head").append(font_settings);});

请注意，如果这确实能满足您的需求，您可能最终会看到文本从默认字体闪存到您指定的自定义字体。

Answer 2

查看新的font-display属性

  

允许您自定义页面显示时Web字体的显示方式   被渲染

@font-face {
    ...
    font-display: swap
}