2017-03-08 7 views
0

사용자 정의 글꼴을 사용하려고하는 Rails 4.1.8 앱이 있습니다. 2 가지 앱/​​자산/글꼴 & app/assets/stylesheets에 글꼴을 추가했습니다. 또한 이들 중 일부를 공급 업체/자산/스타일 시트/글꼴에 추가했습니다. AvenirLTStd-Heavy.otf 글꼴 중 하나가 어떻게 든 적용되지 않습니다.사용자 정의 글꼴이 레일에로드되지 않습니다

screen.scss 

@font-face { 
    font-family: "AvenirLTStd-Heavy"; 
    src: url('/assets/fonts/AvenirLTStd-Heavy.otf'); 
} 

.avenir-heavy { 
    font-family: "AvenirLTStd-Heavy"; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

application.rb 

config.assets.paths << Rails.root.join(* %w(vendor assets bower_components)) 
config.assets.paths << Rails.root.join('app', 'assets', 'fonts') 
config.assets.paths << Rails.root.join('vendor', 'assets', 'stylesheets', 'fonts')  
config.assets.precompile += %w(.svg .eot .woff .ttf .otf) 

config/initializers/assets.rb 

Rails.application.config.assets.paths << "#{Rails.root}/app/assets/fonts" 
Rails.application.config.assets.paths << "#{Rails.root}/vendor/assets/stylesheets/fonts" 
Rails.application.config.assets.precompile += %w(.svg .eot .woff .ttf .otf) 

내가 뭘 잘못하고 있니?

+0

을 어떻게'/ 자산/AvenirLTStd-Heavy.otf' 어떻습니까? –

+0

시도했습니다. 일하지 않았어. – RamanSM

+0

오, 죄송합니다.'.scss' 파일을 사용하고 있다면'asset-url ('AvenirLTStd-Heavy.otf')'를 시도하고'config/initialize/assets.rb'에 확장 파일을 추가하는 것을 잊지 마십시오 –

답변

0

는 경로를 사전 컴파일 자산 글꼴 경로를 포함 그냥 글꼴 이름 & 아래와 같은 형식 지정 사용

@font-face { 
    font-family: "AvenirLTStd-Heavy"; 
    src: url('AvenirLTStd-Heavy.otf') format("opentype"); 
} 
관련 문제