이것은 매우 초조 한 버그입니다!간헐적으로 글꼴로드에 실패 했습니까?
Font Awesome (로컬로 호스팅 됨)과 몇 가지 다른 글꼴을 사용하고 있으며 404ing이 아니고 때때로 개발자 도구의 네트워크 탭에 나타나지 않고 페이지에 렌더링되지 않는 등의 이유로로드가 일시적으로 실패합니다 .
처음으로 페이지가로드 될 때 자주 발생하는 것처럼 보입니다 .- 새로 고침을하면 글꼴이로드되고 렌더링됩니다. 그러나 브라우저 캐시를 지우더라도 문제가 확실하게 재현되지는 않습니다.
글꼴의 80 %가 렌더링되기 때문에 경로가 잘 맞습니다. 이것은 간헐적 인 문제입니다. OSX에서 Chrome v26을 사용하고 있습니다. 사실에 의해 입증, 경로가 (올바른
@font-face {
font-family: 'open_sanslight';
src: url('opensans-light-webfont.eot');
src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('opensans-light-webfont.woff') format('woff'),
url('opensans-light-webfont.ttf') format('truetype'),
url('opensans-light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
한 번 더 :
<head>
...
<link rel="stylesheet" type="text/css" href="${context}/resources/font/opensans.css" />
<link rel="stylesheet" type="text/css" href="${context}/resources/css/font-awesome.min.css" />
...
그리고 CSS 파일을 다음과 같이 :
내 CSS는 다음과 같습니다 글꼴이 정확하게 시간의 80 %를 렌더링합니다).
어떤 일이 벌어 질 수 있습니까?
네트워크 탭 @ 파이어 폭스를 확인 하시겠습니까? 는 똑같은? –
파이어 폭스에서이 문제를 발견하지 못했습니다. 파이어 폭스에서 문제가 발생하지 않았습니다. 파이어 폭스에서 캐시를 사용할 수 없으므로 문제가 발생할 수 있습니다. 내가 말한 것처럼 : 당황한. – Richard
다음 사진을주세요 : http://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files – cdwyer