2013-05-12 10 views
5

próbuję dostać czcionki ikon ZURB podstawą do pracy w moim projekcie szyn, choć nie wydaje się działać poprawnieZURB ikona fundacja czcionki z 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 

mam te pliki w app/assets/fonts chociaż czcionki dont wydają się być ładowane coraz

+0

Komentarz '/ * font-face' nie jest poprawnie zakończony ... czy może być przyczyną błąd? – Baldrick

+0

jego sass jest prawidłowo zakończony –

+1

Czy sprawdziłeś, czy twoje pliki saas i czcionki znajdują się w tym samym katalogu? 'src: font-url (" general_foundicons.eot ")' –

Odpowiedz

0

Czy dodano nowe czcionki do folderu rurociągu aktywów w config/environment.rb? Następnie chciałbym spróbować wstawić blok po @font-face w nawiasach klamrowych i dodając średniki na końcu pozostałych linii. Jeśli to nie pomoże, przepisz linie src na src: url(font-path("general_foundicons.eot")) itd. Wszystko zgodnie z zaleceniami pod numerem this helpful link.

9

Używam klejnotu foundation-icons-sass-rails. Wyodrębnianie z ich README:

dodawania fundamentowe-icons-Sass-szyn gem do grupy aktywów w swoim Gemfile:

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

Następnie zmień nazwę app/assets/stylesheets/application.css do app/assets/stylesheets/application.css.scss i dodać:

@import 'foundation-icons'; 

teraz można go używać w następujący sposób:

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

Edytuj

W Railsach 4 nie potrzebujesz grupy aktywów. Dodatkowo, zainstaluj najnowszą wersję tego klejnotu (3.0.0 od 2014):

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

Właśnie uratowałeś mi ogromny ból głowy – Jonathan