Как сделать мгновенное отображение шрифта при открытии скрытого блока?

#html #css

Есть блок со свойством display: none, в котором для текста используется нестандартный
шрифт.
 При отображении этого блока - display: block, текст нужным шрифтов отображается
через какие-то время.
 Как сделать отображение текста нужным шрифтом сразу после показа блока?
 Какие есть способы предварительной загрузки шрифтов?
    

Ответы

Ответ 1

Как вы подключаете шрифт? Как вы показываете модальное окно?
Как выглядит ваш код? Воспроизводима ли ваша ошибка?

Вот рабочий вариант, подключайте шрифт внутри html: 



$(document).ready(function() {
  $(".fancybox").fancybox();
});
#font1 {
  font-family: 'Audiowide', cursive;
}

#font2 {
  font-family: 'Monoton', cursive;
}
 
  





font1
font2
font1
font2



Либо как было написано выше в комментариях - вызовите шрифт до открытия модального
окна, например в пустом диве