@ font-face 선언은 Firefox에서는 작동하지만 Safari/WebKit에서는 작동하지 않습니까?

Question

다음 @ 글꼴 얼굴 선언이 파이어 폭스 (맥)에 완벽하게 잘 작동하지만 사파리/웹킷 :

@font-face { 
font-family:MyGaramond; 
src:local("Garamond Premier Pro"), /* Full name */ 
    local("GaramondPremrPro"), /* Postscript name */ 
    url("GaramondPremrPro.otf") format("opentype"); /* Fallback */ 
} 

h2 { 
font-family:MyGaramond, sans-serif !important; 
} 

명확히하기는, 나는 또한 시도했다 :

@font-face { 
font-family:MyGaramond; 
src:local("Garamond Premier Pro"), /* Full name */ 
    local("GaramondPremrPro"), /* Postscript name */ 
    url("GaramondPremrPro.otf"); /* Fallback */ 
} 

h2 { 
font-family:MyGaramond, sans-serif !important; 
} 

을 함께 /없이 따옴표 등

이 경험이있는 사람이 있습니까? 그렇다면 어떻게 수정 했습니까? 이것이 작동하지 않는다는 것이 정말 당황 스럽습니다 (그리고 약간의 자극을줍니다 ...).

Answer 1

웹킷에는 여전히 opentype에 몇 가지 문제가 있다고 생각합니다. 오페라는 어떻게 처리합니까?

Answer 2

나는 항상 글꼴 다람쥐에서 @ font-face 생성기를 사용하지만 브라우저에 그런 식으로 문제가 발생하지 않았습니다.

확인 사이트 : http://www.fontsquirrel.com/fontface/generator