加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ruby-on-rails – 使用Rails 3.1 Asset Pipeline在web中存储webf

发布时间:2020-12-17 03:01:18 所属栏目:百科 来源:网络整理
导读:我正在尝试使用Rails 3.1 Asset Pipeline来存储我在多个应用程序中使用的一些字体.我已经尝试了几乎存储位置的每个组合,但我似乎无法让管道实际上拿起我的字体文件.当我运行rake资产时,它们将显示在公共/资产中:预编译但是它们不能从任何asset_path帮助程序
我正在尝试使用Rails 3.1 Asset Pipeline来存储我在多个应用程序中使用的一些字体.我已经尝试了几乎存储位置的每个组合,但我似乎无法让管道实际上拿起我的字体文件.当我运行rake资产时,它们将显示在公共/资产中:预编译但是它们不能从任何asset_path帮助程序中获得,并且我无法弄清楚原因.

fonts.css.erb的示例:

@font-face {
    font-family: 'MuSEOSans';
    src: url('<%= asset_path('muSEOsans_500_italic_webfont.eot') %>');
    src: url('<%= asset_path('muSEOsans_500_italic_webfont.eot?#iefix') %>') format('eot'),url('<%= asset_path('muSEOsans_500_italic_webfont.woff') %>') format('woff'),url('<%= asset_path('muSEOsans_500_italic_webfont.ttf') %>') format('truetype'),url('<%= asset_path('muSEOsans_500_italic_webfont.svg#webfontcWw5DXpH') %>') format('svg');
    font-weight: normal;
    font-style: italic;

 }

ls应用程序/资产/图像的输出(由于资产/字体无效,但两次都缺乏工作,因此将其粘贴在图像中):

muSEOsans_100_italic_webfont.eot  muSEOsans_500_webfont.eot
muSEOsans_100_italic_webfont.svg  muSEOsans_500_webfont.svg
muSEOsans_100_italic_webfont.ttf  muSEOsans_500_webfont.ttf
muSEOsans_100_italic_webfont.woff muSEOsans_500_webfont.woff
muSEOsans_100_webfont.eot         muSEOsans_700_italic_webfont.eot
muSEOsans_100_webfont.svg         muSEOsans_700_italic_webfont.svg
muSEOsans_100_webfont.ttf         muSEOsans_700_italic_webfont.ttf
muSEOsans_100_webfont.woff        muSEOsans_700_italic_webfont.woff
muSEOsans_300_italic_webfont.eot  muSEOsans_700_webfont.eot
muSEOsans_300_italic_webfont.svg  muSEOsans_700_webfont.svg
muSEOsans_300_italic_webfont.ttf  muSEOsans_700_webfont.ttf
muSEOsans_300_italic_webfont.woff muSEOsans_700_webfont.woff
muSEOsans_300_webfont.eot         muSEOsans_900_italic_webfont.eot
muSEOsans_300_webfont.svg         muSEOsans_900_italic_webfont.svg
muSEOsans_300_webfont.ttf         muSEOsans_900_italic_webfont.ttf
muSEOsans_300_webfont.woff        muSEOsans_900_italic_webfont.woff
muSEOsans_500_italic_webfont.eot  muSEOsans_900_webfont.eot
muSEOsans_500_italic_webfont.svg  muSEOsans_900_webfont.svg
muSEOsans_500_italic_webfont.ttf  muSEOsans_900_webfont.ttf
muSEOsans_500_italic_webfont.woff muSEOsans_900_webfont.woff

我试过访问:

> /assets/muSEOsans_500_italic_webfont.svg
> /assets/images/muSEOsans_500_italic_webfont.svg
> /images/muSEOsans_500_italic_webfont.svg

它不会在任何地方捡到它.有什么想法吗?

解决方法

您是否明确声明应该预编译字体文件?

config.assets.precompile =%w(.js .css * .css.scss .svg .eot .woff .ttf)

这是开发,升级,生产,上述所有问题吗?

是否加载了@ font-face规则的样式表?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读