资产管道中的字体在最终CSS中不与指纹一起引用

时间:2014-07-28 12:25:38

标签: ruby-on-rails ruby-on-rails-4 asset-pipeline

我一直在讨论这个部署问题。基本上似乎在public/assets/之后将字体文件传递到assets:precompile文件夹(我删除了整个assets文件夹并让Rails再次重新编译)。无论我尝试过什么,css仍然带有没有指纹的路径。任何人都可以帮助确定我的代码有什么问题吗?我知道我可以通过将字体复制到public/assets来做一些猴子工作来绕过它,但我认为从长远来看这不是一个好习惯。

以下是设置:

生成的客户端CSS: - 根本没有指纹...

@font-face {
    font-family:cabinmedium;
    src:url(cabin-medium/cabin-medium-webfont.eot?#iefix) format(embedded-opentype),url(cabin-medium/cabin-medium-webfont.woff) format(woff),url(cabin-medium/cabin-medium-webfont.ttf) format(truetype),url(cabin-medium/cabin-medium-webfont.svg#cabinmedium) format(svg);
    font-weight:400;
    font-style:normal;
}

fonts.css.scss:

@font-face {
    font-family: 'cabinmedium';
    src: font-url('cabin-medium/cabin-medium-webfont.eot');
    src: font-url('cabin-medium/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'),
         font-url('cabin-medium/cabin-medium-webfont.woff') format('woff'),
         font-url('cabin-medium/cabin-medium-webfont.ttf') format('truetype'),
         font-url('cabin-medium/cabin-medium-webfont.svg#cabinmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

production.rb中,我已经在资产路径中添加了字体路径:

config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

如果符合他人的兴趣,这里是assets.rb文件夹中的config/initializers/

Rails.application.config.assets.precompile << Proc.new do |path|
    if path =~ /\.(css|js|coffee|scss)\z/
    full_path = Rails.application.assets.resolve(path).to_path
    app_assets_path = Rails.root.join('app', 'assets').to_path
    if full_path.starts_with? app_assets_path
      puts "including asset: " + full_path
      true
    else
      puts "excluding asset: " + full_path
      false
    end
  else
    false
  end
end

1 个答案:

答案 0 :(得分:0)

最后我设法追查问题!

  1. 我需要使用production.rb中的资产管道明确声明:

    config.assets.enable = true

  2. 然后,在assets.rb initializers中,我包含了字体,但未包含.coffee.scss

    Rails.application.config.assets.precompile << Proc.new do |path|
    
    if path =~ /\.(css|js|eot|svg|ttf|woff)\z/
     full_path = Rails.application.assets.resolve(path).to_path
     app_assets_path = Rails.root.join('app', 'assets').to_path
     if full_path.starts_with? app_assets_path
       puts "including asset: " + full_path
       true
     else
       puts "excluding asset: " + full_path
       false
     end       
    else
     false
     end
    end
    
  3. 我以前遇到的问题有两个原因:

    1. 当我在资产预编译中包含.scss时,scss的编译存在一些问题。来自Rails&#39;文档中,它提到不需要包含scss和coffee,因为将包含编译文件(.css和.js)。这可能会导致font-url出现问题。背后的原因是未知的,所以如果有人能解释那会很酷!

    2. 需要包含字体扩展名eot|svg|ttf|woff,以便它们包含在管道中。

    3. 我希望这会对某人有所帮助。