Chromium @ font-face 캐싱 동작 (FOIT)

Question

웹 글꼴 파일이 이미 캐시 된 경우에도 일부 웹 사이트에서 Chromium 기반 브라우저 (Google 크롬 및 Opera)의 보이지 않는 텍스트 (FOIT)가 눈치 챘습니다. 첫 번째 하중을 넘어서는 동일한 사이트).

좀 더 자세히 살펴보면 캐싱 동작과 관련이 있음을 알 수 있습니다. FOIT는 파일이 disk cache에서로드 될 때만 발생합니다. 파일이 memory cache (내장 된 웹 속성 도구 다음에 있음)에서 제공 될 때 모든 것이 꽤 안정적으로 보입니다.

웹 글꼴이있는 캐시에 어떤 영향을 미칠 수 있습니까?

Answer 1

크롬 기반 브라우저는 ghipped 콘텐츠를 disk cache에로드하는 것 같습니다. 최소한 .woff2 파일이 memory cache에로드되지 않은 이유가 여기에 있습니다.

woff/woff2 파일이 이미 압축되어 있으면 추가로 gzipping 할 필요가 없습니다 (http://www.phpied.com/font-face-gzipping-take-ii/). 이러한 파일에 대한 압축을 사용하지 않도록 설정하면 FOIT가 사라졌습니다 (일부 웹 서버는 기본적으로 모든 파일에 대해 압축을 사용합니다).

웹 서버로 아파치를 사용하는 경우 이것은 코드의 다음 줄에 보관할 수 있습니다 :

SetEnvIfNoCase Request_URI \.(?:woff|woff2)$ no-gzip