[아티클 프로젝트 046] [웹폰트] 올바른 방법으로 로딩하자. - 사이트 로딩 속도 개선
[웹폰트] 올바른 방법으로 로딩하자. - 사이트 로딩 속도 개선 웹폰트 용량은 생각보다 크다. 이미지는 경량화하는데 폰트는 왜 안하는가? 서버에 올려 사용하는 것은 추천하지 않는다. 안정적이지만 용량이 매우 크기때문이다. 웹폰트 로드방식 링크 CSS import 웹폰트 로더 link css 파일보다 앞에 link를 추가한다. css 파일보다 먼저 로드할 수 있다. CSS import 로딩이 느리다. @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); webfont.js 세밀한 컨트롤이 가능하다. 웹폰트 로더를 통한 [동기] 방식 비동기 방식에 비해 렌더링이 느림 폰트가 먼저 로드되게하기 위해서는 동기방식을 사용해야한다. 웹폰트 로더..
카테고리 없음
2020. 9. 28. 21:28