Rails自定义字体不显示没有错误

我一直在浏览一会儿，现在试图调试为什么我的自定义字体在轨道4不工作。我遇到的问题是字体没有显示在网页上，也没有文字使用字体。Rails自定义字体不显示没有错误

我已经使用我的浏览器开发工具进行调试，并且根本没有任何错误。

这里是我的字体的application.css代码：

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

我创建了一个在assets文件夹下称为fonts文件夹。字体文件夹内都是字体。

我试图改变src: url到src: asset-url

我已经尝试添加这些配置线路配置/环境/ 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)

我已经尝试添加以下代码来配置/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文件。

没有任何工作！任何人可以帮助

来源

2016-08-16 Luka Kerr

嘿，你能告诉我卡的代码？ –

我有..第一个代码片段是我的'application.css'文件中的字体声明代码。 –

-1

我不知道很多关于Rails的，但如果你的文件夹结构/app/assets/fonts那肯定你的src在你@font-face声明不正确，应该是url('/assets/fonts/modeka.otf')？

来源

2016-08-16 10:56:13 eoin

Rails很有趣。我用过的语法工作正常，它是一个不同的问题。我知道这是因为当使用CSS图像时，这段代码工作得很好''background-image：url（'/ assets/bg.jpg'）;' –

我经常这样做：

保存我的字体在app/assets/fonts/目录
添加Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')到assets.rb文件
转换的CSS文件，SASS/SCSS文件在这种情况下， application.css至application.css.scss
然后在SCSS文件font-url助手可用于：

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

来源

2016-08-16 12:07:16 webster

我只是在'assets.rb'配置文件中预编译了一个javascript文件，与字体或css文件相关，现在以某种方式显示字体...无论如何，感谢您的帮助，但我不知何故得到它的工作 –

很高兴你解决了！ – webster

Rails自定义字体不显示没有错误

回答

相关问题