配置/环境/ production.rb

Question

我正在使用Rails 3.2.22并使用.woff和.woff2文件安装了新字体。但字体似乎无法仅在本地显示。在资产进行预编译和捆绑后，我在部署到登台环境时显示的字体很好。我也可以按照本地编译的CSS用来尝试显示字体的URL，并且该链接下载正确的文件。

字体文件包含在“app / assets / fonts”文件夹中，我的应用程序中有这个.rb

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

我正在将字体拉入Sass：

// Custom Font Faces
@font-face {
  font-family: 'Museo Sans Rounded';
  src: font-url('MuseoSansRounded-500-webfont.woff2') format('woff2'),
       font-url('MuseoSansRounded-500-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Rounded';
  src: font-url('MuseoSansRounded-700-webfont.woff2') format('woff2'),
       font-url('MuseoSansRounded-700-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

为什么这不能在本地显示？

Answer 1

尝试在本地编译资源。请按照以下步骤操作：

配置/环境/ production.rb

config.assets.compile = true

然后运行命令：

RAILS_ENV=production rake assets:precompile

并测试它。

Answer 2

尝试这种方式，这是'Glyphicons Halflings'的一个工作示例

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

}

Ruby on Rails webfont不在本地显示

2 个答案:

配置/环境/ production.rb