[CSS] font-display, 글꼴 렌더링 방식을 변경하는 방법
🙂 이번 시간에는 글꼴 랜더링 방식을 컨트롤 하는, font-display에 대해 알아보았다! 1. 글꼴 랜더링 방식 우리가 어떤 사이트에 들어갔을 때 글자가 늦게 나타나거나, 혹은 글꼴이 나중에 적용되는 경우를 볼 수 있다. 이 두 현상은 각각 지칭하여 FOIT, FOUT라고 부르는데, 설명은 아래와 같다. 방식 설명 Flash of Invisible Text (FOIT) 브라우저가 글꼴을 다운로드하기 전까지 글자를 보여주지 않음 Flash of Unstyled Text (FOUT) 브라우저가 글꼴을 다운로드하기 전까지 글꼴이 적용되지 않음 그런데 서비스 특성에 따라 글꼴 랜더링 방식을 변경할 순 없을까? font-display를 사용하면 가능하다 🙂 2. font-display란? 💡 font-dis..
2022. 12. 22.
