Firefox font-face embed가 작동하지 않습니다.

Question

사용자 정의 글꼴을 구현 한 웹 사이트가 있습니다. 구글 크롬과 인터넷 익스플로러에서 글꼴이 제대로 나타납니다. 파이어 폭스를 검사 할 때 새로운 글꼴 군은 적용되지 않았다. 이것은 내가 가지고있는 것입니다 :

@font-face{ 
font-family: Bebas Neue; 
src: url('fonts/BebasNeue.otf'); 
} 

그 후에 형식을 추가하려고 시도했지만 수정하지 않았습니다. .otf가 표시되지 않는 이유와 .ttf 및 .eot이 각각의 브라우저에서 작동하는 이유는 무엇입니까?

Answer 1

Firefox 용 OTF 대신 TTF 형식을 사용해 보셨나요? 때때로 Firefox는 글꼴을 표시하는 데 WOFF 글꼴 형식을 요구합니다. 글꼴 형식은 글꼴을 제공하는 방식에 따라 다릅니다. 나는 당신이 파이어 폭스 3.6 이상을 가지고 있다고 가정 할 것이지만 그것은 또한 문제 일 수있다. 아래의 스 니펫은 @ font-face에 대한 Font Squirrel의 표준이며 사용자에게 유용 할 수 있습니다.

@font-face { 
    font-family: 'Bebas Neue'; 
    src: url('fonts/BebasNeue.eot'); 
    src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'), 
     url('fonts/BebasNeue.svg') format('svg'), 
     url('fonts/BebasNeue.svg#Bebas Neue') format('svg'), 
     url('fonts/BebasNeue.woff') format('woff'), 
     url('fonts/BebasNeue.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

이 정보가 도움이되기를 바랍니다. 행운을 빕니다! 더 자세한 정보가 필요하면이 기사의 Firefox 제목을 알려주십시오. http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems