2013-06-12 1 views
5

나는 Heroku에서 호스팅되고 CDN Sumo addon (클라우드 프론트 CDN을 사용)을 사용하는 Rails3 앱에 글꼴을 멋지게 구성하려고합니다.CDN Sumo heroku addon 및 글꼴 에셋

문제는 Firefox가 글꼴 에셋을로드하지 않는다는 것입니다. 문제는 Firefox에서 "Access-Control-Allow-Origin"문제라고 생각합니다. 하지만 font_assets gem을 사용하거나 Cloudfront에서 CORS 정책을 설정하여 문제를 해결할 수는 없습니다 (CDN Sumo 애드온을 사용하고 있기 때문에 액세스 할 수 없습니다).

아이디어가 있으십니까?

감사합니다.

답변

5

Access-Control-Allow-Origin 헤더가 글꼴을 호스팅하는 서버에 의해 설정되어 있는지 확인하십시오.

원래 서버를 변경해야 할 경우 원본 서버를 CDN Sumo 대시 보드를 통해 구성 할 수 있습니다.

CDN 스모는 현재 사용자 지정 CORS 정책을 지원하지 않습니다.

참고로, 이러한 링크 유용 할 수 있습니다 :

Setting CORS for rails apps

Firefox and CORS

Heroku/CDN/fonts

2

가 난 그냥 CDNJS이 (Cloudflare 제공)이 지원하는 우수 (무료) CORS를 발견 상자 밖으로. 레일 앱의

, 이런 식으로 레이아웃 파일에 글꼴 멋진 CSS 링크 태그를 추가하면 자산 파이프 라인을 사용하는 경우

<%= stylesheet_link_tag "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css", :media => "all" %> 

(물론, 당신은에서 글꼴 끝내 제거 할 수 있도록 거기에.

나머지 자산에는 CDN Sumo를 계속 사용할 수 있습니다.

1

나는 Heroku에서 Rails 3 앱과 동일한 문제가있었습니다. 스모 CDN을 통해 저작물을 실행했기 때문에 글꼴 - 굉장한 아이콘이 표시되지 않았습니다.

여기에는 여러 가지 응답이 있습니다. 그 중 하나는 application_controller에 after_filter를 넣어서 (freemanoid에 의해) 헤더 값을 설정하는 것이지만, 저에게는 맞지 않습니다. 그리고 커스텀 미들웨어 Peter Marklund가 제안했습니다.

두 가지 솔루션은 Rails 3.1 버전에 게시됩니다. How to set access-control-allow-origin in webrick under rails?