Museo를 포함한 글꼴 스택이 FireFox 및 Opera에서 전혀 작동하지 않습니다.

Question

세 가지 글꼴을 사용하고 있습니다. 여기에 내 @ 글꼴이 있습니다

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

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

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

첫 번째와 세 번째는 정상적으로 작동합니다.

두 번째는 같은 몸 태그에 지정됩니다

body, button, input, select, textarea { 
font: 16px/1.625 MuseoSans500 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; 
_font-size: 1em; 
color: #333; 
} 

이 오페라 11.50와 파이어 폭스 4.0.1, 나쁜 뉴스,

그러나 크롬과 사파리에서 완벽하게 잘 작동; 전체 글꼴 스택이 작동하지 않고 글꼴이 일반 오래된 serif로 렌더링됩니다. (yuck!)

글꼴 스택에서 Museo를 올바르게 렌더링하면 문제가 Museo에 있다고 생각합니다. 나는 윈도우 7

Answer 1

에 이러한 브라우저를 사용하고

는 쉼표를 놓치고있어.

font: 16px/1.625 MuseoSans500 "Lucida Grande" 
font: 16px/1.625 MuseoSans500, "Lucida Grande" 
          ^^^ add this comma 

Answer 2

당신은 당신이, 당신이 본문에 대한 MuseoSans500 글꼴에 문제가 있다고 말했다 내용에 따라, 이제 쉼표를 누락 있지만. 그것을 제거했을 때 당신은 괜찮 았습니다. 나는 당신이 우리에게 당신의 코드를 보여주고 있기 때문에 콤마가 빠져 있다고 생각한다.

글꼴 - 패밀리를 한 번에 하나의 선택으로 설정하고 어떤 결과가 나타나는지보십시오. 나는 또한과 같이하여 문제를 분리 단지의 경우 폰트 크기 및 라인 높이를 분리하는 것입니다 : 두 번째 CSS 비트에 MuseoSans500 뒤에 쉼표를 추가 할 때

body, button, input, select, textarea { 
    font-family: MuseoSans500; /* start with this one by itself */ 
    font-size: 16px; 
    line-height: 1.625; 
    color: #333; 
}