[CSS/JS] 웹 폰트를 최적화하는 5가지 방법
😃 이번시간에는 웹폰트 로딩을 최적화하는 5가지 방법을 알아보았다! (참고1, 참고2, 참고3) 1. 들어가기에 앞서 1) FOIT, FOUT ? 우리가 처음 사이트에 진입했을 때, 글자가 늦게 뜨거나 폰트가 나중에 적용되는 현상이 일어난다. 이 두 현상은 각각 지칭하여 FOIT, FOUT라고 부르는데, Flash of Invisible Text (FOIT)란, 브라우저가 폰트를 다운로드하기 전까지 글자가 보이지 않는 현상이며, Flash of Unstyled Text (FOUT)란, 브라우저가 폰트를 다운로드하기 전까지 폰트가 적용되지 않는 현상을 말한다. 그런데 이 두 현상은 왜 일어나는걸까? 브라우저 동작과 함께 살펴보자! 2) 브라우저 동작과 웹 폰트 폰트에서 FOIT, FOUT가 일어나는 이유를..
2022. 12. 4.
