Squarespace의 @ font-face가 firefox에 표시되지 않습니다.

Squarespace에 사이트를 만들고 있는데 @ font-face 명령을 사용하여 일부 글꼴을 구현하려고합니다. Chrome 및 Safari에서는 제대로 작동하지만 Firefox에서는 제대로 작동하지 않습니다. 여기 Squarespace의 @ font-face가 firefox에 표시되지 않습니다.

내 코드는

...

@font-face { 
    font-family: "Stagger Medium"; 
    src: url("/storage/fonts/stagger/medium/staggermedium.eot"); 
src: local("?"), 
    url("/storage/fonts/stagger/medium/staggermedium.woff") format("woff"), 
    url("/storage/fonts/stagger/medium/Stagger%20Medium.otf") format("opentype"), 
}

어떤 아이디어가?

편집 : 액세스 제어 헤더를 사용하여 교차 사이트 글꼴 사용법을 언급 한 몇 가지 내용을 보았습니다. 그럴 가능성이 있니? 나는 그것을 어떻게 구현할 지 모르겠습니다.

편집 : 또한 웹 사이트와 같은 디렉토리에 글꼴을 넣으면 Firefox에서 문제가되지 않습니다. 그러나 Squarespace를 사용하고 있으므로 사이트가있는 곳과는 별도의 STORAGE 디렉토리에만 글꼴을 저장할 수 있습니다.

<link rel="stylesheet" 
    href="/storage/css/fonts.css" type="text/css" charset="utf-8">

나는 모두가 안전을 위해 넣어 :

출처

2012-01-27 patricko

[다음 해결 방법] (http://stackoverflow.com/questions/4800794/font-face-not-cooperating-in-firefox)이 도움이됩니까? – animuson

Font Squirrel에 업로드하고 64 비트 인코딩을 사용하는 것이 가장 효과적이라고 생각되는 솔루션입니다. 글꼴 다람쥐에서 사용할 글꼴이 작동하지 않습니다. – patricko

"Stagger Medium"으로 로컬 설정을 시도해 보셨습니까? – jennyfofenny

나는 그것은 전체 URL을 제거, 실제로 반대했다, 미안 해요.

출처

2012-11-27 18:28:31

Squarespace의 @ font-face가 firefox에 표시되지 않습니다.

답변

관련 문제