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

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) 명령어
[공지] 기술 게시판
2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10
2.11
2.12
2.13
2.14
2.15
2.16
2.17
2.18
2.19
2.20
2.21
2.22
2.23
2.24
2.25
2.26
2.27
2.28