글꼴 멋진 레일은 배포 후 작동하지 않습니다.나쁜 유니 코드 문자처럼 보입니다.왜?

Question

내 로컬 컴퓨터에서 FontaweSome은 완벽하게 작동합니다 (4.1 보석을 사용합니다).그러나 Heroku에 업로드되면 작동을 멈 춥니 다.나는 불량 유니 코드 문자처럼 보입니다.구성 및 사전 컴파일 된 자산에 다음 줄을 포함했지만 작동하지 않았습니다 :

config.assets.paths << Rails.root.join(‘app’, ‘assets’, ‘fonts’)
config.assets.precompile += %w( .svg .eot .woff .ttf )

.

이 이미지를보십시오 :

왼쪽에 문제가 있습니다.오른쪽에는 올바른 버전이 있습니다.문제가 될 수있는 일은 무엇입니까?Heroku 앱에 대한 링크는 다음과 같습니다. "Nofollow Noreferrer"> http://fast-garden-6871.herokuapp.com/

update 프로덕션 기계에 /assets/fontawesome-webfont.eot가 누락 된 것처럼 보입니다!

Answer 1

마침내 고정!custom.css에서 다음 줄을 추가했습니다.

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

.

문제는 CSS 파일을 생성하는 것과 같은 해시가있는 폰트 파일을 생성하는 것입니다.그러나이 새 생성 된 파일로 CSS가 업데이트되지 않습니다.그래서 시스템은 글꼴을 찾을 수 없습니다.위의 코드를 사용하면 시스템이 올바른 URL을 할당합니다!

Answer 2

CSS 파일에서 URL을 @ 폰트 페이스에서 Asset-URL로 변경하십시오.

또한 배포 후 자산을 미리 컴파일 했습니까?

RAILS_ENV=production rake assets:precompile

.