2017-01-31 4 views
2

나는 typography.com에서 글꼴을 포함하는 사이트에서 일하고 있습니다.Typography.com 글꼴이 FF로로드되지 않았습니다.

글꼴에 대한 nessecary 파일이 CSS를 가져 오기로 포함되어 있습니다 : 글꼴을 표시하고 제대로 렌더링

$gotham = 'Gotham A', 'Gotham B' 

.body { 
    font-family: $gotham; 
} 

:

@import 'https://cloud.typography.com/6741734/7240552/css/fonts.css' 

그리고 폰트 패밀리는이 같은 변수로 설정 Safari, Chrome 및 IE의 최신 버전에서는 글꼴이 FF로 표시되지 않습니다.

나는 왜 이런 일이 일어나고 있는지에 대해 의아하게 생각합니다. 다른 컴퓨터에서 여러 버전의 FF를 확인했는데 그 결과가 같으면 글꼴이로드되지 않습니다.

페이지가 https:없이 @import를 사용하는 goingplaces.jackjones.com

+0

브라우저에서 가져온'.css'를 열려고 했습니까? 그것은 403을 줄 것입니다. 이것이 문제가 될 수 있습니까? –

+0

예. 가져온 CSS 파일의 URL로 직접 이동하려고하면 "403 금지됨"이 표시되지만 모든 브라우저에서 발생합니다. –

+0

이 글꼴을 구입하셨습니까? 어쩌면 자신의 서버에서 호스팅해야 할 수도 있습니다. –

답변

1

시도이다.

예 :

@import "//cloud.typography.com/6741734/7240552/css/fonts.css"; 

이 그것을해야한다.


용액은 How Cloud.typography Works에서 확인되었다.

+0

아름다운! 고마워 패트릭 지금 FF에서 작동 :) –

관련 문제