2011-05-16 1 views
1

누군가이 글꼴 얼굴 구현에 대해 제대로 작동하지 않는 점을 지적 해 주시기 바랍니다. 이 문제는 body 태그를 사용하여 테스트 했으므로 문제가 HTML과 관련이 있는지 여부는 알 수 없습니다.왜이 @ font-face 스타일이 내 HTML에 적용되지 않습니까?

FontSquirrel에서 글꼴 및 구현 CSS를 가져 왔습니다. 이것 좀 봐 줘서 고마워!

CSS :

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

body { 
    font-family: DymaxionScriptRegular, courier; 
} 

파일 트리 구조 : 택배 대체 글꼴의

Screenshot of my development folder showing location of CSS, index.html and font files.

스크린 샷 :

Courier fallback font

대답 : 글꼴 패밀리 선언에서 "보통"을 벗어나면 모든 것이 잘 작동합니다. 그것으로 놀아 내 자신의 질문에 대답했다.

실제 답변 : 내 첫 번째 "대답"은 Safari에서만 작동했습니다. 그들 모두에서 효과가 있었던 것은 "DymaxionScript-webfont ..."에서 "../ DymaxionScript-webfont ..."로 변경되었습니다. 나쁜 경로 였어. 폰트면 {

font-family: 'DymaxionScriptRegular'; 
src: url('webfont.eot'); 
src: url('webfont.eot?#iefix') format('embedded-opentype'), 
    url('webfont.woff') format('woff'), 
    url('webfont.ttf') format('truetype'), 
    url('webfont.svg#webfont') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

체 { 폰트 패밀리 @

+0

Charles 또는 Firebug net 패널을 사용하여 요청이 이루어지고 있는지 확인합니다. 폰트와 404'ing의 경우. –

+0

또한 어떤 브라우저를 사용하고 있습니까? –

답변

0

내가 전반적으로 작품을 알고, 더 간결 @ 글꼴 얼굴 구현 다른 글꼴을 사용하지만 Google 사이트에 대한 링크를 추가하면 대부분의 브라우저에서 적절한 형식으로 반환됩니다. ie6

-1

: DymaxionScriptRegular 택배; 당신이 google.com/webfonts을 확인할 수 있습니다 다양한 웹 폰트

@font-face { 
    font-family: 'DymaxionScriptRegular'; 
    src: url('/path/to/font/webfont.eot?') format('eot'), 
     url('/path/to/font/webfont.woff') format('woff'), 
     url('/path/to/font/webfont.ttf') format('truetype'), 
     url('/path/to/font/webfont.svg#webfont') format('svg'); 
    font-weight:normal; 
    font-style:normal; 
} 
+0

그게 무슨 소리 죠? – BoltClock

+0

그는 URL에서 "dymaxionscriptregular"를 제거하고 SVG URL의 마지막 부분에 대해 "webfont"로 변경했습니다. 이유는 모르겠지만. @ 제안 - 당신이 제안한 것에 대한 설명을 가지고있는 것도 좋은 생각입니다. – Shauna

0

의 무리가 있습니다 } 여기