ZURB Stiftung Symbol Schrift mit Ruby on Rails

Question

Ich versuche, die ZURB Stiftung Symbol Schriftarten zu bekommen in meinem Schienen Projekt zu arbeiten, obwohl sie korrekt arbeiten

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 

zu sein scheinen nicht

ich habe diese Dateien in app/assets/fonts obwohl die Schriften nicht erscheinen

geladen

Answer 1

zu bekommen haben Sie Ihre neue Schriftarten hinzugefügt Ordner in der Asset-Pipeline in config/application.rb? Danach würde ich versuchen, den Block nach @font-face in geschweifte Klammern zu setzen und Semikolons am Ende der anderen Zeilen hinzuzufügen. Wenn das nicht funktioniert, schreiben Sie die src Zeilen in src: url(font-path("general_foundicons.eot")) und so weiter, wie unter this helpful link empfohlen.

Answer 2

Ich benutze die foundation-icons-sass-rails gem. Extrahieren von ihrem README:

Add Stiftung-icons-Sass-Schienen gem zur Gruppe Vermögenswerte in Ihrem Gemfile:

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

Dann benennen Sie app/assets/stylesheets/application.css zu app/assets/stylesheets/application.css.scss und fügen:

@import 'foundation-icons'; 

Jetzt Sie können es wie folgt verwenden:

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

Bearbeiten

In Rails 4 benötigen Sie keine Assets-Gruppe. Darüber hinaus stellen Sie sicher, dass die neueste Version des Edelsteins (3.0.0 ab 2014) zu installieren:

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