zurb biểu tượng nền tảng font chữ với Ruby on Rails

Question

tôi đang cố gắng để có được phông chữ biểu tượng nền tảng zurb để làm việc trong dự án đường ray của tôi, mặc dù họ không xuất hiện để được hoạt động chính xác

general_foundicons.css.sass

/* font-face 
@font-face 
    font-family: "GeneralFoundicons" 
    src: font-url("general_foundicons.eot") 
    src: font-url("general_foundicons.eot?#iefix") format("embedded-opentype"), font-url("general_foundicons.woff") format("woff"), font-url("general_foundicons.ttf") format("truetype"), font-url("general_foundicons.svg#GeneralFoundicons") format("svg") 
    font-weight: normal 
    font-style: normal 

Tôi có các tệp này trong app/assets/fonts mặc dù phông chữ dường như không được tải

Answer 1

Bạn đã thêm thư mục phông chữ mới vào đường dẫn nội dung trong config/application.rb chưa? Sau đó, tôi sẽ thử đặt khối sau @font-face trong dấu ngoặc nhọn và thêm dấu chấm phẩy vào cuối các dòng khác. Nếu điều đó không làm điều đó, hãy viết lại các dòng src đến src: url(font-path("general_foundicons.eot")) và cứ tiếp tục như vậy, tất cả được đề xuất tại this helpful link.

Answer 2

Tôi sử dụng đá quý foundation-icons-sass-rails. Chiết xuất từ ​​README của họ:

Add nền tảng-icon-sass-ray đá quý vào nhóm tài sản trong Gemfile của bạn:

group :assets do 
    gem 'sass-rails', " ~> x.x.x" 
    gem 'coffee-rails', "~> x.x.x" 
    gem 'uglifier' 
    gem 'foundation-icons-sass-rails' 
end 

Sau đó đổi tên của bạn app/assets/stylesheets/application.css để app/assets/stylesheets/application.css.scss và thêm:

@import 'foundation-icons'; 

Bây giờ , bạn có thể sử dụng nó như sau:

<i class="fi-[icon]"></i> 

Chỉnh sửa

Trong Rails 4 bạn không cần nhóm nội dung. Ngoài ra, hãy đảm bảo cài đặt phiên bản mới nhất của đá quý (3.0.0 kể từ năm 2014):

gem 'sass-rails', " ~> x.x.x" 
    gem 'coffee-rails', "~> x.x.x" 
    gem 'uglifier' 
    gem 'foundation-icons-sass-rails' ~> 3.0.0