우리 프로젝트는 wolf 포맷의 폰트를 받아와서 뿌려주고 있습니다.
배포 전 콘솔 에러와 워닝을 모두 해결하기 위해 정리 중인데
이런 에러가 나서 검색해보니
생각보다 해결책은 간단했습니다.
우리 폰트는
@font-face {
font-family: "Gangwon";
src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduSaeeum_OTFMediumA.woff")
format("woff");
font-weight: normal;
font-style: normal;
}
이런식으로 작성되어 있는데
저기 format 부분을 font-woff2로 바꿔주면 됩니다.
@font-face {
font-family: "Gangwon";
src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduSaeeum_OTFMediumA.woff")
format("font-woff2");
font-weight: normal;
font-style: normal;
}
이렇게!!!
참고 블로그:
https://velog.io/@bunny/Failed-to-decode-downloaded-font
woff2 만 Failed to decode downloaded font 라는 경고 문구
폰트 적용시 희안하게 woff2 만 Failed to decode downloaded font 라는경고 문구가 아래처럼 크롬 브라우저에서 콘솔창에 떳다.글꼴 성명 의 format 형식을 format ('woff2')에서 format ('font-woff2') 로 변경한
velog.io
