폰트최적화1 웹 페이지 최적화 기법 - 폰트 최적화 폰트 최적화 커스텀 폰트를 사용하고자 한다면 성능 문제를 야기할 수 있다. 폰트의 변화로 인해 폰트 밀림, 깜박임 등이 발생하는데, FOUT (Flash Of Unstyled Text) 엣지 브라우저에서 폰트를 로드하는 방식 폰트의 다운로드 여부와 무관하게 먼저 텍스트를 보여준 다음 커스텀 폰트를 적용 FOIT (Flash Of Invisible Text) 크롬, 사파리, 파이어폭스 등에서 폰트를 로드하는 방식 폰트가 완전히 다운로드 되기 전까지 텍스트를 보여주지 않고 폰트 다운로드가 끝나면 커스텀 폰트를 보여준다. 단 크롬의 경우 FOIT 의 지속시간이 3초이며, 이후엔 FOUT 방식이 된다. 폰트 사용 시점 제어 서비스 및 컨텐츠의 특성에 따라 적절한 방식을 적용하며, font-style 속성을 사용.. 2023. 7. 27. 이전 1 다음