7

come emebed un tipo di carattere utilizzando @ font-face su rotaie:Asset gasdotti e @ font-face su rotaie (binari 3.2.3)

miei font si trovano in:

/vendor/attività/fogli di stile/fonts/personalizzati-font-liste-qui .eot

mio foglio di stile che contiene la @ font-face è all'interno:

/vendor/assets/stylesheets/fonts.css

Sto usando questo momento

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

} 

Mi chiedo se questo è giusto,

Qualsiasi suggerimento sono i benvenuti, Grazie

risposta

11

Non è necessario disporre della porzione fonts/ del percorso del file. La directory app/assets/fonts dovrebbe essere già incluso nel asset_path, così si dovrebbe essere in grado di utilizzare questo:

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

non so il motivo per cui questo accade, ma ho sentito di persone che hanno problemi con la directory assets/fonts non essere nella pipeline degli asset, quindi devi aggiungerlo manualmente. Se quanto sopra non funziona per voi, provate aggiunto la directory manualmente inserendo quanto segue in config/application.rb:

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

ho modificato il mio fonts.css.rb e ancora non funziona. BTW grazie per la tua risposta. –

+0

Ho appena modificato la mia risposta ... dai un'occhiata quando hai un minuto. Spero possa aiutare! –

+4

'assets/fonts' funziona solo in' app' e 'lib' ma non in' vendor' – sandstrom

3

Durante l'utilizzo asset_path aiutante, si dovrebbe aggiungere al vostro .erbfont.css modo tale che diventi font.css.erb. Una soluzione migliore sarebbe quella di utilizzare gli aiutanti patrimoniali da sass-rails o less-rails gemme, nel tuo caso font-url.

più su di esso: sass-rails features