在Rails项目中找不到Glyphicon文件

时间:2018-07-06 13:11:38

标签: javascript css ruby-on-rails

我在我的项目中使用glyphicons作为插件。对于此文件路径,我一直没有收到任何错误。但这似乎是确切的文件路径。 我的文件路径不正确吗?

http://localhost:3000/assets/fonts/glyphicons-halflings-regular.ttf 404 (Not Found)



@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') 

https://i.imgur.com/P3EFDaf.png

1 个答案:

答案 0 :(得分:1)

由于字体位于done.fail()中,因此您应该能够使用带有文件名的app/assets/fonts引用字体路径-不需要相对路径:

font-url

如果这不能解决问题,则可能需要将@font-face{ font-family:'Glyphicons Halflings'; src:font-url('glyphicons-halflings-regular.eot'); src:font-url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), ... } 显式添加到app/assets/fonts中的资产路径中:

config/application.rb

这里有一个很好的资源,详细介绍了Rails资产管道中的Web字体:https://gist.github.com/anotheruiguy/7379570

谢谢!