폰트가 로딩되기 전 화면을 숨기는 가장 간단한 방법

css

body {
    visibility: hidden;
}

 

js

document.fonts.ready.then(function () {
    // 폰트가 로드된 후 실행할 코드
    document.body.style.visibility = 'visible';
});

 

 

개발단에서 폰트 캐싱 처리 되도록 하는게 가장 좋지만

그게 안된다고 하면 (사실 안될리가 없다 모르는것일뿐) 이렇게 처리할 수도 있다.