2016-03-29 3 views
0

Aşağıdaki kod düzgün çalışmalıdır, ancak etkili olmaz.Yazı Tipi Yüzün Rayların Etkisi Olmuyor 4

Ben production.rb, development.rb, application.rb aşağıdaki tanımladığınız:

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

fonts.scss:

@font-face { 
    font-family: 'Garamond-Pro-Italic'; 
    src: url('/assets/fonts/Adobe_Garamond_Pro_Italic.ttf') format('ttf'); 
} 

buttons.scss:

.menu-button 
{ 
    font-family: 'Garamond-Pro-Italic', sans-serif; 
} 
+0

'config.assets.paths << Rails.root.join ('app', 'assets', 'fonts.scss')' bu satırı –

+0

olarak değiştirin, yine de çalışmıyor. – Liroy

+1

varlık-url ("/ fontlar/Adobe_Garamond_Pro_Italic.ttf") kullanın ve url değil ve fonts.css derlenmiş dosyaya bakın, hangi yolu görüyorsunuz? –

cevap

0

sizin fonts.scss bu deneyin:

//= require <path_to_scss_file> 

Sen application.rb aşağıdaki satırı gereken tek olmalıdır:: application.scss olarak

// First line of file: 
//= depend_on_asset "Garamond-Pro-Italic.ttf" 

@font-face { 
    font-family: 'Garamond-Pro-Italic'; 
    src: url(font-path('Adobe_Garamond_Pro_Italic.ttf')) format('truetype'); 
} 

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

yapmak Adobe_Garamond_Pro_Italic.ttf aslında app/assets/fonts/ dizinindedir ve satıcı, lib veya public değildir.

Bu işe yaramazsa 404 hatası almazsanız, derlenmiş fonts.scss dosyasıyla birlikte dev konsolunuza girersiniz.