누군가이 글꼴 얼굴 구현에 대해 제대로 작동하지 않는 점을 지적 해 주시기 바랍니다. 이 문제는 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;
}
파일 트리 구조 : 택배 대체 글꼴의
스크린 샷 :
대답 : 글꼴 패밀리 선언에서 "보통"을 벗어나면 모든 것이 잘 작동합니다. 그것으로 놀아 내 자신의 질문에 대답했다.
실제 답변 : 내 첫 번째 "대답"은 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;
}
체 { 폰트 패밀리 @
Charles 또는 Firebug net 패널을 사용하여 요청이 이루어지고 있는지 확인합니다. 폰트와 404'ing의 경우. –
또한 어떤 브라우저를 사용하고 있습니까? –