Rails 4 to heroku font issue

Question

Я успешно загрузил приложение rails для heroku, шрифты не работают, может кто-нибудь дать мне пошаговые инструкции о том, как исправить эту проблему?

В app/assets/stylesheets

@font-face { 
    font-family: 'alegreya_sans'; 
    src: url('/assets/alegreyasanssc-thin.eot'); 
    src: url('/assets/alegreyasanssc-thin.eot?#iefix') format('embedded-opentype'), 
     url('/assets/alegreyasanssc-thin.woff') format('woff'), 
     url('/assets/alegreyasanssc-thin.ttf') format('truetype'), 
     url('/assets/alegreyasanssc-thin.svg#alegreya_sans_scthin') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
@font-face { 
    font-family: 'latobold'; 
    src: url('/assets/lato-bold.eot'); 
    src: url('/assets/lato-bold.eot?#iefix') format('embedded-opentype'), 
     url('/assets/lato-bold.woff') format('woff'), 
     url('/assets/lato-bold.ttf') format('truetype'), 
     url('/assets/lato-bold.svg#latobold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'OpenSans'; 
    src: url('/assets/opensans-regular.eot'); 
    src: url('/assets/opensans-regular.eot?#iefix') format('embedded-opentype'), 
     url('/assets/opensans-regular.woff') format('woff'), 
     url('/assets/opensans-regular.ttf') format('truetype'), 
     url('/assets/opensans-regular.svg#open_sansregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

У меня есть каталог .fonts в корне моего приложения, я прекомпилирована, запустив rake assets:precompile, и все же я все еще получаю ошибку 404 в чем проблема? Когда я проверяю heroku logs, я получаю ошибку маршрутизации

Answer 1

Проблема в том, что ссылки в ваших файлах CSS не будут в нужном месте для загрузки шрифтов. Вы должны переместить папку «шрифты», чтобы быть в пределах:

/assets/fonts/ 

Затем вам нужно изменить файл CSS, чтобы:

@font-face { 
    font-family: 'alegreya_sans'; 
    src: url('/assets/fonts/alegreyasanssc-thin.eot'); 
    src: url('/assets/fonts/alegreyasanssc-thin.eot?#iefix') format('embedded-opentype'), 
     url('/assets/fonts/alegreyasanssc-thin.woff') format('woff'), 
     url('/assets/fonts/alegreyasanssc-thin.ttf') format('truetype'), 
     url('/assets/fonts/alegreyasanssc-thin.svg#alegreya_sans_scthin') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
@font-face { 
    font-family: 'latobold'; 
    src: url('/assets/fonts/lato-bold.eot'); 
    src: url('/assets/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), 
     url('/assets/fonts/lato-bold.woff') format('woff'), 
     url('/assets/fonts/lato-bold.ttf') format('truetype'), 
     url('/assets/fonts/lato-bold.svg#latobold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'OpenSans'; 
    src: url('/assets/fonts/opensans-regular.eot'); 
    src: url('/assets/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), 
     url('/assets/fonts/opensans-regular.woff') format('woff'), 
     url('/assets/fonts/opensans-regular.ttf') format('truetype'), 
     url('/assets/fonts/opensans-regular.svg#open_sansregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}