2013-08-15 4 views
0

난 내 레일 애플 리케이션에서 사용자 정의 글꼴을 사용하려고하지만, 내가 뭘 잘못하고 있는지 알아낼 수 없습니다. 내가 사용하고있는 두 개의 글꼴로 assets 폴더에 fonts라는 폴더를 만들었습니다. 그리고 나는 home.css.scss.erb라는 내 CSS 파일에있는 두 개의 글꼴을 호출사용자 정의 글꼴이 내 레일 앱에서 작동하지 않습니까?

CSS : application.rb 내 config 폴더에 다음

@font-face { 
font-family: 'Proxima Nova';  
src: url('<%= asset_path(/assets/fonts/ProximaNova-Regular.otf) %>', font); 
font-weight: normal; 
font-style: normal; 
} 

@font-face { 
font-family: 'Gotham';  
src: url('<%= asset_path(/assets/fonts/Gotham-Medium.ttf) %>', font); 
font-weight: normal; 
font-style: normal; 
} 

내가 추가 한

config.assets.paths << "#{Rails.root}/app/assets/fonts" 

하지만 여전히 작동하지 않는 것 같습니다. 어떤 아이디어일까요?

+0

개발자 도구 콘솔 (Firebug/Chrome Dev Tools)에로드 된 글꼴의 오류가 표시됩니까? – Brian

+0

Chrome 콘솔의 '오류'탭에 오류가 없습니다. –

+0

'src : font-url ('Gotham-Medium.ttf')을 사용해보세요. – bgates

답변

5

전에 맞춤 글꼴을 사용해 왔지만 asset_path 도우미를 사용할 필요가 없습니다. CSS에서 상대 경로를 사용하면 충분합니다. 내 설정은 다음과 유사합니다 : 레일 4.2에서

# config/application.rb 
config.assets.paths << Rails.root.join("assets", "fonts") 

# CSS 
@font-face { 
    font-family: 'Proxima Nova';  
    // No need any embeded Ruby code here 
    src: url('fonts/ProximaNova-Regular.otf') format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Gotham';  
    src: url('fonts/Gotham-Medium.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 
+1

원하지 않으면 상대를 사용할 필요가 없지만 asset_path가 필요하지 않습니다. 'url ("/ assets/fonts/ProximaNova-Regular.otf")' – lilwupster

+0

상대 경로는 가장 간단해야하며 일단 구성하면 "vendor", "lib"의 자산에도 적용 할 수 있습니다. 또한 나는 CSS/js 경로에서 '/ assets /'을 사용하는 것을 피할 것이다. 정확히 왜 그 이유인지 잊어 버린다. –

+0

의견을 보내 주셔서 감사합니다. 그러나 문제가 아직 해결되지 않았습니다. 나는 당신이 올린 것을 정확히 복사했습니다. 다른 아이디어? –

0

:

your_controller.scss

설정/초기화/assets.rb에서
@font-face { 
    font-family: "Tungsten-Bold"; 
    src: url('Tungsten-Bold.otf') format("opentype"); 
    font-weight: normal; 
    font-style: normal; 
} 

Rails.application.config.assets.paths << "#{Rails.root}/app/assets/fonts" 

Rails.application.config.assets.precompile += %w(.svg .eot .woff .ttf .otf) 

그리고 폰트를 넣어 >> app/assets/fonts/

에있는 파일
관련 문제