사용자 정의 글꼴이 레일즈에서 작동하지 않습니다.

Question

레일스 어플리케이션에서 작동하도록 사용자 정의 글꼴을 얻는 데 관한 기사를 많이 읽었지만 여전히 문제가 있습니다.

나는 dafont.com에서 X 글꼴을 다운로드했습니다. 압축을 풀었고 패키지에는 x.otf가 들어있었습니다. 그런 다음 내 컴퓨터에 설치했지만 내 응용 프로그램에서 사용할 때 글꼴이 왜곡됩니다.

그런 다음 dafont.com에서 Y 글꼴을 ​​다운로드했습니다. 압축이 풀 렸는데 y.ttf가 들어있었습니다. 내 컴퓨터에 설치하지 않고 대신/assets/fonts에 배치했습니다. 다음 custom.css.scss 파일에 다음을 추가했습니다. 나는 여전히 성공을 새로 고칠 수없는 경우

@font-face { 
    font-family: 'Nokia Pure Headline';  
    src: url('/assets/fonts/y.ttf'); 
    src: url('/assets/fonts/y.ttf?iefix') format('eot'), 
    url('/assets/fonts/y.woff') format('woff'), 
    url('/assets/fonts/y.ttf') format('truetype'), 
    url('/assets/fonts/y.svg#webfont3AwWkQXK') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

나는 다음 내 custom.css.scss 스타일 시트

body { 
    font-family: y; 
} 

에 불렀다. X가 왜곡되거나 Y가 작동하지 않는 이유에 대한 단서가 있습니까?

Answer 1

글꼴과 함께 자산 파이프 라인을 사용할 수 있습니다. 먼저 application.rb에 추가 :

config.assets.paths << Rails.root.join("app", "assets", "fonts") 

이 custom.css.scss.erb에 custom.css.scss 파일 이름 바꾸기와 같은 각 글꼴 파일 asset_path을 사용

@font-face { 
    font-family: 'Nokia Pure Headline';  
    src: url('<%= asset_path("y.ttf") %>'); 
    src: url('<%= asset_path("y.ttf?iefix") %>') format('eot'), 
    url('<%= asset_path("y.woff") %>') format('woff'), 
    url('<%= asset_path("y.ttf") %>') format('truetype'), 
    url('<%= asset_path("y.svg#webfont3AwWkQXK") %>') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}