2014-01-16 2 views
0

내 레일에 글꼴을 추가했습니다. 3.2 Ruby 1.9 내 지역에서 작동하지만 나로 heroku로 푸는 응용 프로그램이 아닙니다.Rails 3.2 app에 글꼴 추가

1- 로컬 컴퓨터에 글꼴이 설치되어 있지 않은지 확인했습니다. 2가 3 내 application.rb 파일

#precompile fonts 
config.assets.precompile << /\.(?:svg|eot|woff|ttf)$/ 

#add fonts directory to assets pipeline 
config.assets.paths << "#{Rails.root}/app/assets/fonts" 

3-에 다음 코드를 추가 내가/응용 프로그램/자산 디렉토리에 생성 된 글꼴 디렉토리에 내 글꼴 파일을 추가에게 내 application.css에 다음과 같은 추가 .scss 파일

@font-face { 
    font-family: Steinerlight; 
    src: url('Steinerlight.ttf')format('truetype'); 
} 

5-과 같이 내 CSS 파일에서 글꼴라고 :

font-family: "Steinerlight", sans-serif; 

5 내가 확인했다 CSS 파일에서 글꼴 이름 exactl입니다 y app/assets/fonts 디렉토리의 파일 이름과 동일합니다.

내 로컬에서 서버를 다시 컴파일하면 페이지가 추가 된 글꼴 스타일로 표시됩니다. (다시 내 컴퓨터에 글꼴이 설치되어 있지 않음).

문제는 내가 응용 프로그램을 사전 컴파일하고 페이지를 보조 글꼴 (sans-serif)로 추가 한 것입니다. 어떤 문제에 대한 제안?

+0

확실하여 서버에 글꼴을 밀고 잘 작동? – Drew

+0

@Drew 나는 내가 어떻게 될 수 없었는지 안다. 내 모든 다른 자산은 잘 나타납니다. 프리 컴파일 코드 config.assets.precompile로 실수를하지 않은 한 << /\.(?svg|eot|woff|ttf)$/ – Renegade

답변

1

해결되었습니다. 그것은

즉 특정 구문을 추가 브라우저 글꼴이 파이어 폭스에서 잘로드 IE와 문제와 크롬이었고, 그것은

src: url('Steinerlight.eot'); /* IE9 Compat Modes */ 
    src: url('Steinerlight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
+0

또한 CDN을 사용하여 미래, 파이어 폭스는 CDN에서 제공되는 글꼴을 지원하지 않습니다 – Drew

+0

답변으로 표시하는 것을 잊지 마세요 :) – Miles