Asset và @ font-face trên đường ray (đường ray 3.2.3)

Question

cách emebed một phông chữ sử dụng @ font-face trên đường ray:

phông chữ của tôi được đặt tại:

/vendor/tài sản/stylesheets/fonts/tùy chỉnh font-danh-đây .eot

stylesheet của tôi có chứa một @ font-face được bên trong:

/vendor/assets/stylesheets/fonts.css

Tôi đang sử dụng này ngay bây giờ

@font-face { 
    font-family: 'ArimoRegular'; 
    src: url('<%= asset_path('fonts/arimo-regular-webfont.eot') %>'); 
    src: url('<%= asset_path('fonts/arimo-regular-webfont.eot') %>'+'?#iefix') format('embedded-opentype'), 
     url('<%= asset_path('fonts/arimo-regular-webfont.woff') %>') format('woff'), 
     url('<%= asset_path('fonts/arimo-regular-webfont.ttf') %>') format('truetype'), 
     url('<%= asset_path('fonts/arimo-regular-webfont.svg') %>#ArimoRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

Tôi tự hỏi nếu điều này là đúng,

Bất kỳ đề nghị được hoan nghênh, Cảm ơn bạn

Answer 1

Bạn không cần phần fonts/ của đường dẫn tệp. Thư mục app/assets/fonts nên đã được đưa vào asset_path, vì vậy bạn sẽ có thể sử dụng này:

<%= asset_path('arimo-regular-webfont.eot') %> 

Tôi không biết tại sao điều này xảy ra, nhưng tôi đã nghe nói về những người gặp vấn đề với các thư mục assets/fonts không được trong đường ống nội dung để bạn phải thêm nó theo cách thủ công. Nếu ở trên không làm việc cho bạn, hãy thử thêm các thư mục bằng tay bằng cách đặt sau trong config/application.rb:

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

Answer 2

Trong khi sử dụng asset_path helper, bạn nên thêm .erb để bạn font.css để nó trở thành font.css.erb. Giải pháp tốt hơn là sử dụng những người trợ giúp tài sản từ các đá quý sass-rails hoặc less-rails, trong trường hợp của bạn là font-url.

Thông tin thêm về nó: sass-rails features