목록폰트 (1)

SUE 개발 블로그

Font Preload 및 폰트 최적화

사이트에 처음으로 진입했을 때 글자가 나오는데 시간이 걸리거나 적용한 폰트가 늦게 적용되는 현상이 발생할 때가 있다. 이 현상을 FOIT과 FOUT라고 지칭한다. Flash of Invisible Text ( FOIT ) 브라우저가 폰트를 다운로드를 끝내기 전까지 글자가 보이지 않는 현상. Flash of Unstyled Text ( FOUT ) 브라우저가 폰트를 다운로드를 끝내기 전까지 폰트가 적용되지 않는 현상. 브라우저는 렌더링시 HTML 문서를 요청 HTML 응답시 DOM 구성 시작 ( CSS, JS 및 기타 리소스를 요청 ) 모든 CSS 콘텐츠를 수신 후 CSSOM을 구성 하고 CSSOM을 DOM 트리와 결합 시켜 렌더링 트리를 구성 ( 폰트 리소스도 요청 ) 콘텐츠를 화면에 그려줌 ( 이때 폰..
CSS 2023. 12. 13. 16:31
이전 Prev 1 Next 다음