@fontface가 서버에서 작동하지 않고 localhost에 있음

왜 내 글꼴이 작동하지 않는지 알지 못합니다. 그것은 내 웹 개발자에서 작동하지만 웹 서버에 업로드 할 때 동일한 코드 및 디렉토리에도 불구하고 표시되지 않습니다 방화 광구를 사용하여 문제를 확대했지만 유용하지는 않았습니다.@fontface가 서버에서 작동하지 않고 localhost에 있음

@font-face { 
    font-family: 'FuturaCondensedMedium'; 

src: url('/fonts/FuturaCondensedMedium.eot'); 

src: local('☺'), url('/fonts/FuturaCondensedMedium.woff') format('woff'), url('/fonts/FuturaCondensedMedium.ttf') format('truetype'), 
url('/fonts/FuturaCondensedMedium.svg') format('svg'); 
} 

body 
{ 
    background: #ffffff; 
    font-size: 16px; 
    font-family:'FuturaCondensedMedium'; 
    color: #59595d; 
}

고마워요!

출처

2013-05-29 Ren Fa Kay

글꼴도 업로드하셨습니까? – Vucko

일반적인 질문 : 글꼴이 업로드되었는지, 루트 폴더에있는/fonts /'폴더인지 등을 확인 했습니까? –

방화 벽 디버그 (또는 이와 동등한 개발 도구)는 이것을 디버그하는 첫 번째 단계입니다. 네트워크 탭을 보면 글꼴 파일이 요청되고로드 된 것을 볼 수 있습니까? 아니면 그들이 잘못 했습니까? – stevehayter

경로를 확인 했으므로 /fonts/ 폴더가 실제로 루트 폴더에 있으므로 모든 기능이 잘 작동합니다. 그러나 폰트 파일의 존재 여부를 확인하는 데는 두 가지 모두 존재하지 않습니다.

/fonts/FuturaCondensedMedium.woff 

/fonts/FuturaCondensedMedium.svg

실제로 업로드되었는지 확인하십시오.

출처

2013-05-29 09:19:58

힌트를 보내 주셔서 감사합니다! 실제로이 파일들은 있지만 파일 확장자를 인식하지 못하는 MIME 때문에 액세스 할 수 없습니다. 몇 가지 연구가 끝나면 web.config 파일에 몇 줄을 추가하면됩니다. 감사! –

아 맞아. 그거 알아두면 좋을거야. 나는'@ font-face'에서 많은 문제를 겪어 왔지만 전에는 그 문제를 보지 못했습니다. –

@fontface가 서버에서 작동하지 않고 localhost에 있음

답변

관련 문제