html - 文档准备好后延迟字体字体加载

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);});

请注意，如果这确实为您提供了所需的内容，您可能最终会看到文本从默认字体闪烁到您指定的任何自定义字体。