2013-05-12 10 views
5

sto cercando di ottenere i font ZURB fondazione icona a lavorare nel mio progetto di rotaie, anche se essi non sembrano funzionare correttamenteZURB fondazione icona di carattere con Ruby on Rails

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 

ho questi file in app/assets/fonts se dont appaiono i caratteri da sempre caricato

+0

Il commento '/ * font-face' non è concluso correttamente ... può essere la causa del errore? – Baldrick

+0

il suo sass correttamente terminato –

+1

Hai controllato che i tuoi file saas e font si trovino nella stessa directory? 'src: font-url (" general_foundicons.eot ")' –

risposta

0

hai aggiunto i tuoi nuovi font cartella alla pipeline di asset in config/application.rb? Successivamente, proverei a inserire il blocco dopo @font-face tra parentesi graffe e aggiungere punto e virgola alla fine delle altre righe. Se ciò non avviene, riscrivi le linee src su src: url(font-path("general_foundicons.eot")) e così via, il tutto come raccomandato allo this helpful link.

9

Io uso la gemma foundation-icons-sass-rails. Estrazione dalla loro README:

Add Foundation-icone-Sass-rails gemma al gruppo risorse nel Gemfile:

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

quindi rinominare il tuo app/assets/stylesheets/application.css per app/assets/stylesheets/application.css.scss e aggiungere:

@import 'foundation-icons'; 

Ora , è possibile utilizzarlo come segue:

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

Modifica

In Rails 4 non è necessario un gruppo di risorse. Inoltre, assicurati di installare l'ultima versione della gemma (3.0.0 a partire dal 2014):

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

Mi hai appena salvato un forte mal di testa – Jonathan