[英]Custom Font not working in Rails Asset Pipeline
我的 Rails 应用中有这个文件结构:
\APP
+---assets
| +---fonts
| | icons.eot
| | icons.svg
| | icons.ttf
| | icons.woff
| +---icons
| +---images
| +---javascripts
| +---stylesheets
+---controllers
|
... etc ...
我拥有的自定义字体(图标)可用于开发,但不能用于生产(或暂存)。 我知道这与资产管道(404 错误)有关。 如何让我的图标/字体显示出来?
我的_icons.scss
文件(包含在application.css.scss
):
@font-face {
font-family: "icons";
src: font-url("icons.eot");
src: font-url("icons.eot?#iefix") format("embedded-opentype"),
font-url("icons.woff") format("woff"),
font-url("icons.ttf") format("truetype"),
font-url("icons.svg#icons") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "icons";
src: font-url("icons.svg#icons") format("svg");
}
}
[data-icon]:before {
content: attr(data-icon);
}
[data-icon]:before,
.icon-ico-addcart:before,
.icon-ico-addcart-hover:before,
.icon-ico-allparsers-menu:before,
.icon-ico-blog-menu:before,
.icon-ico-cart:before,
...
我得到的错误:
GET http://127.0.0.1:8888/assets/icons.woff
GET http://127.0.0.1:8888/assets/icons.ttf 404 (Not Found) application-e60c1d16b23dd8ae118e0bb3a1d3311c.js:6129
我之前是预编译的。 我的生产环境是我自己的服务器。 字体是使用 fontcustom 和 svgs 生成的。 我用这篇文章来做到这一点。
字体正在预编译...如果我编辑页面上的 application.css 文件,更改
url('/assets/icons.woff')
到
url('/assets/icons-8695a8c5b193c6423e0b3b7a9c71b808.woff')
我的图像出现。 这意味着我的资产正在预编译,但我无法在我的 scss 文件中正确引用它们。
可能是内容类型 (application/x-font-woff) 没有与资产一起提供,我会从那里开始。
你在生产中使用什么? 赫鲁克?
尝试预编译这些类型的文件:
# In config/initializers/assets.rb
Rails.application.config.assets.precompile += %w( .ttf )
包括所有字体结尾。 您也可以尝试通过 CDN 包含字体。
如果这不起作用,请查看此答案: Rails 4:为什么在生产中未加载字体?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.