отложить загрузку шрифтов шрифта после того, как документ готов

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 свойство, которое

позволяет настроить отображение веб-шрифтов при отображении страницы

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