7

cómo emebed una fuente utilizando @ font-face sobre raíles,de tuberías de Activos y @ font-face en los carriles (rieles) 3.2.3

mis fuentes se encuentran en:

/vendedor/activos/hojas de estilo/fonts/personalizados-font-listas-aquí .eot

mi hoja de estilo que contiene un @ font-face es el interior:

/vendor/assets/stylesheets/fonts.css

estoy usando esto ahora

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

} 

Me pregunto si esto es correcto,

Cualquier sugerencia son bienvenidos, Gracias

Respuesta

11

No necesita la parte fonts/ de la ruta del archivo. El directorio app/assets/fonts ya debería estar incluido en asset_path, por lo que debería ser capaz de utilizar este:

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

no sé por qué sucede esto, pero he oído de personas que tienen problemas con el directorio no ser assets/fonts en la canalización de activos, por lo que debe agregarlo manualmente. Si lo anterior no funciona para usted, trate de añadir el directorio manualmente colocando lo siguiente en config/application.rb:

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

he modificado mi fonts.css.rb y todavía no funciona. Por cierto, gracias por su respuesta. –

+0

Acabo de modificar mi respuesta ... eche un vistazo cuando tenga un minuto. ¡Espero que ayude! –

+4

'assets/fonts' solo funcionan en' app' y 'lib' pero no en' vendor' – sandstrom

3

Durante el uso de asset_path ayudante, se debe anexar a su .erbfont.css manera que se convierta font.css.erb. Una mejor solución sería usar activos auxiliares de sass-rails o less-rails gemas, en su caso font-url.

más sobre él: sass-rails features

Cuestiones relacionadas