Bourbon의 @ font-face mixin이 글꼴을 찾았지만 표시하지 않습니다

Question

버번의 font-face mixin을 사용하여이 글꼴을 내 페이지의 머리글에 표시하려고합니다.

@include font-face(3dumb, '3dumb/3Dumb-webfont', normal, $asset-pipeline: true) 

.header { 
     text-align: center; 
     font-family: 3dumb; 
}; 

이 3dumb 내 .header의 글꼴을 설정해야하지만, 그렇지 않은 : 다음과 같이

내 코드입니다. 대신 글꼴이 기본 브라우저 글꼴입니다.

내 글꼴이 자산/글꼴/3dumb에 저장되고 나는 레일

여기 사람이이 문제를 해결하는 방법을 알고 있나요 (4)를 사용하고 있습니다? 사전에

감사합니다, 벤

Answer 1

을, 어쩌면 당신은 ''

.header { font-family: '3dumb'; }

누락

Answer 2

1. 은 글꼴 폴더 app/assets/fonts에 있는지 확인합니다.

   app.config.assets.paths << Rails.root.join('vendor', 'assets', 'fonts') 
   app.config.assets.precompile << /\.(?:svg|eot|woff|ttf)$/ 
   

   : (더 하위 폴더) 맞춤법/대소 문자 실수

당신이 vendor/assets/fonts에서 글꼴을 사용하려면

에 대한

확인 후 당신은 당신의 application.rb에 다음을 추가 할 수 없습니다

희망이 도움이됩니다.

UPDATE :

대신 다음과 같은 CSS보십시오 : 당신은 기본적으로 글꼴을 표시하지만 헤더 수

@include font-face(3dumbregular, '3Dumb-webfont', normal, $asset-pipeline: true) 

.header { 
    font-family: '3dumbregular'; 
}