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自定義字體不顯示沒有錯誤

回答

相關問題