font-face font embedding 매우 천천히 파이어 폭스에

Question

font-face로 임베드 된 사용자 정의 글꼴의 렌더링은 웹킷 기반 브라우저에서 정말 빠르지 만 파이어 폭스에서는 매우 느립니다. 글꼴이 다운로드되기 전에 텍스트를 렌더링하기 시작합니다. 글꼴은 "대체"됩니다.

누구나이 문제를 피할 수있는 정말로 빠르고 깨끗한 해결책을 알고 있습니까?

정말 감사

Answer 1

주제에 빠른 약간의 연구를 수행 한 후 (FOUT : 스타일이 적용되지 않은 텍스트의 플래시), 순간에 초기로드에 대한 해결책은없는 것 같다. 그러나 글꼴을 캐싱하여 이후 페이지로드시에 완화 할 수 있습니다. 자세한 내용은 여기

읽기 : 모든 브라우저에서 천천히 성능 및 규정 준수와 함께 작업 이후 는 지금 CSS3 기능이며, 이후 http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/ 어쨌든

, 내가 상상하는 것 그 미래에 그것을 ' 더 많은 기능, 성능 및 안정성을 얻을 수 있지만 지금은 우리가 가진 것을 계속 사용해야 할 것입니다.

Answer 2

필자도이 문제에 부딪혔다. 필자가 결정한 솔루션은 gzip이 otf 파일을 관리 할 수있게하는 것이다.)

http://salscode.com/web-resources/gzip-ttf-otf