웹 폰트 사용시 load, ready 시점 주의

new
const font = `${this.textConfig.fontSize} "${this.textConfig.fontFamily}"`;
const isLoaded = document.fonts.check(font,this.text);
// console.log('font load check',font,isLoaded);
if(!isLoaded){
    document.fonts.load(font,this.text).then((fontFaceSet)=>{
        // console.log('load',loadedFonts);
        return document.fonts.ready;
    }).then((fontFaceSet)=>{
        // console.log('font load',fontFaceSet);
        this.flush();
    }).catch((e)=>{
        console.error(e)
    });
}else{
    // console.log('font loaded',font);
}

--------=---------

document.fonts.load().then() => 로딩 요청->로딩이 완료됨.
document.fonts.ready.then()=> 로딩되던 것이 준비 됨.

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
6.29
6.30
7.1
7.2
7.3
7.5
7.6
7.7
7.8
7.9
7.10
7.11
7.12
7.13
7.14
7.16
7.17
7.18
7.19
7.20
7.21
7.22
7.23
7.24
7.25
7.26
7.27
7.28
7.29
7.30
7.31
8.1
8.2