7

jak emebed czcionkę za pomocą @ font-face na szynach:aktywami i @ font-face na szynach (szyny 3.2.3)

moje czcionki znajdują się w:

/sprzedawca/aktywa/stylów/fonts/custom-font-list-tu .eot

mojego arkusza stylów, które zawierają @ font-face jest wewnątrz:

/vendor/assets/stylesheets/fonts.css

Używam tego teraz

@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; 

} 

Zastanawiam się, czy to jest w porządku,

Wszelkie sugestie są mile widziane, Dziękuję

Odpowiedz

11

Nie powinieneś potrzebować części ścieżki do pliku . Katalog app/assets/fonts powinny być już zawarte w asset_path, więc powinieneś być w stanie korzystać z tego:

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

Nie wiem, dlaczego tak się dzieje, ale słyszałem od ludzi mających problemy z katalogiem assets/fonts nie będąc w potoku aktywów, więc musisz dodać go ręcznie. Jeśli powyższe nie zadziała, spróbuj ręcznie dodane do katalogu poprzez wprowadzenie następujących w config/application.rb:

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

zmodyfikowałem mój fonts.css.rb i nadal nie działa. Przy okazji dziękuję za odpowiedź. –

+0

Właśnie zmodyfikowałem swoją odpowiedź ... spójrz, kiedy masz chwilę. Mam nadzieję, że pomaga! –

+4

'assets/fonts' działa tylko w' app' i 'lib', ale nie w' dostawcy' – sandstrom

3

Podczas korzystania asset_path pomocnika, należy dołączyć do listy font.css.erb więc staje się to font.css.erb. Lepszym rozwiązaniem byłoby użycie klejnotów pomocy z klejnotów sass-rails lub less-rails, w twoim przypadku font-url.

Więcej o tym: sass-rails features

Powiązane problemy