tubería de activos, brújula font-face y EOT? IEFix llamar a la fuente

Question

Estoy tratando de utilizar una fuente cara Brújula mixin, que contiene la inclusión de
* .eot? IEFix

Mis app/activos/fonts contiene todos los tipos de fuente necesarios, incluido .eot.

Cuando trato de ejecutar activos: precompilación la tarea no decir algo como:? webfont.eot IEFix no se compilan previamente

¿Sabe usted la posible solución para este problema?

Se ejecuta sin ningún error en caso de que tenga config.assets.compile = true, pero como he entendido, es mejor no usarlo en la producción.

Answer 1

Parece ser un problema conocido https://github.com/rails/rails/issues/3045 Usando config.assets.compile = verdadero por el momento.

Answer 2

Acabo de resolver este problema con un pequeño truco (compatible).

He creado un nuevo archivo css font.css.erb y lugar @import "font" en el lugar de la declaración @font-face.

@font-face { 
    font-family: 'SketchBlockBold'; 
    src: font_url('font/sketch_block-webfont.eot'); 
    src: url('<%= asset_path('font/sketch_block-webfont.eot')+"?#iefix" %>') format('embedded-opentype'), 
     font_url('font/sketch_block-webfont.woff') format('woff'), 
     font_url('font/sketch_block-webfont.ttf') format('truetype'), 
     url('<%= asset_path('font/sketch_block-webfont.svg')+"#SketchBlockBold" %>') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Tenga en cuenta el uso de la ruta del activo y la concatenación de las terminaciones de archivo especiales.

Answer 3

Puede hacerlo con pura SCS también:

@font-face { 
    font-family: 'DroidSans'; 
    src: url(font-path('DroidSans-webfont.eot')); 
    src: url(font-path('DroidSans-webfont.eot') + '?#iefix') format('embedded-opentype'), 
     url(font-path('DroidSans-webfont.woff')) format('woff'), 
     url(font-path('DroidSans-webfont.ttf')) format('truetype'), 
     url(font-path('DroidSans-webfont.svg') + '#DroidSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}