2012-06-15 7 views
1

사이트에 글꼴을 추가하고, CSS를 추가하고 글꼴 파일을 업로드했으며, IE에서는 작동하지만 Firefox에서는 작동하지 않습니다. 왜 그런가요?Firefox에서 글꼴이 작동하지 않습니다.

CSS는 :

@font-face { 
    font-family: 'MyFont'; 
    src: url('MyFont.eot'); 
    src: url('MyFont.eot?#iefix') format('embedded-opentype'), 
     url('MyFont.woff') format('woff'), 
     url('MyFont.ttf') format('truetype'), 
     url('MyFont.svg#MyFontRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

label { font-family: 'MyFont'; font-size: 20px; } 

label 그냥 테스트 이었지만, 일하고있어. 글꼴 파일은 CSS와 동일한 디렉토리에 있습니다.

는 거의 모든 것을 시도했습니다, 여전히

이 사람이 잘못 알고 있나요 .... 작동하지 그것? 어떤 도움을 주셔서 감사합니다. 위해

+0

글꼴이 실제로로드되었는지 확인하려면 방화 광을 확인하십시오. 웹 서버의 config (.htaccess, web.config)에 MIME 유형을 추가해야 할 수도 있습니다. – McGarnagle

+0

firebug에 경고/오류가없고 Internet Explorer에서 글꼴을로드하므로 글꼴이 조금 .. 유선상 .htaccess 파일에 액세스 할 수 없습니다 .. –

+0

경고없이 글꼴 파일을 실제로로드 했습니까? Firebug의 * Net * (또는 Fiddler와 같은 도구)에서 확인할 수 있습니다. 그러면 렌더링 문제인지 또는 웹 서버가 파일을 제공하지 않는지 여부를 결정합니다. – McGarnagle

답변

1

내가 작성한 CSS 파일을 덮어 쓰면서 다른 CSS 파일이 발견되었습니다.

문제가 해결됨

+0

해결책을 제시합니다. –

2

:

  1. 확인 글꼴이 Google Web Fonts에있는 경우. 그렇다면 해당 버전을 사용하고 자신을 포함시키지 마십시오 (사용 용이성, 캐싱, 브라우저 업데이트 호환성 등)

  2. 그렇지 않으면 MIME을 확인하십시오. 이렇게하려면 Firebug의 Net 패널을 사용하여 헤더를보고 올바른지 확인하십시오.

  3. MIME이 잘못된 경우 .htaccess를 사용하거나 file_get_contents() 및 header()를 사용하여 수정하는 PHP 파일을 작성하여 수정하십시오.

+0

Google 글꼴은 글꼴이 없으므로 글꼴이없고 사이트 용으로 만들어졌습니다. MIME이 올바른지 어떻게 확인합니까? 그리고 유선의 물건은 여기 넷 패널에서 보았습니다. 응답에서 나는 CSS를 볼 수 있습니다, 마녀는 괜찮습니다.하지만 글꼴에 대한 링크는 정확하지 않습니다. 필자는 캐시를 지우고 사이트를 새로 고쳤지만 아직 거기에 있습니다 –

관련 문제