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-urlhelper就可以使用了：

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

Answer 2

我不太了解 Rails，但如果您的文件夹结构是 /app/assets/fonts，那么您的 src 肯定在您的 @font-face 声明中不正确，应该是 url('/assets/fonts/modeka.otf')？