css - Rails 自定义字体未正确显示

Question

我已经浏览了一段时间，现在试图调试为什么我的自定义字体在 rails 4 中不起作用。我遇到的问题是网页上没有显示字体，并且没有使用这些字体设置文本样式。

我已经使用我的浏览器开发者工具进行了调试，完全没有任何错误。

这是我的字体的 application.css 代码:

@font-face { font-family: 'modeka'; src: url('/assets/modeka.otf'); } 
@font-face { font-family: 'flex'; src: url('/assets/flex.otf'); } 

我在 assets 文件夹下创建了一个名为 fonts 的文件夹。在 fonts 文件夹中是两种字体。

我试过将 src: url 更改为 src: asset-url

我尝试将这些配置行添加到 config/environments/production.rb

# Add the fonts path
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

# Precompile additional assets
config.assets.precompile += %w( .svg .otf .eot .woff .ttf )

我尝试将以下代码添加到 config/application.rb

#config/application.rb
config.assets.paths << Rails.root.join("assets", "fonts")

我也将此代码添加到 config/application.rb 文件

config.assets.enabled = true
config.assets.paths << Rails.root.join('/app/assets/fonts')

我还尝试将 *= require_fonts 添加到 application.css 文件中。

没有任何效果!谁能帮忙

Answer 1

我通常这样做:

1. 将我的字体保存在 app/assets/fonts/ 中目录

2. 添加Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')至 assets.rb文件

3. 将css文件转换为sass/scss文件 在这种情况下 application.css至 application.css.scss

4. 然后在scss文件中font-url可以使用助手:

   @font-face { font-family: 'modeka'; src: font-url('modeka.otf'); } @font-face { font-family: 'flex'; src: font-url('flex.otf'); }