Предварительная загрузка шрифтов для более быстрого отображения работает следующим образом: браузер начинает скачивать шрифты одновременно с загрузкой страницы, а не когда увидит их в стилях и убедится, что они нужны на странице. 1

Для реализации предварительной загрузки используется атрибут preload, который указывает браузеру на то, что необходимо заранее загрузить соответствующий ресурс, нужный для вывода текущей страницы. 3 Если ссылка на файл шрифта сделана во внешней таблице стилей, то браузер не обнаружит шрифт до тех пор, пока он эту таблицу стилей не загрузит. 3

Использование атрибута preload в применении к файлам шрифтов сообщает браузеру о том, что соответствующие шрифты понадобятся ему при выводе страницы. 3 В результате браузер приступает к созданию CSSOM, начинает загрузку шрифта, а потом уже создаёт DOM и начинает загрузку изображений. 3