2012-09-03 70 views
7

我正在考慮嘗試使用@ font-face在我的rails應用程序中使用font-squirrels字體。希望這是解釋它的正確方法。我是比較新的這個所以希望有人能對我怎麼會得到這個Rails應用程序內工作@ font-face rails 3.2

感謝

回答

23

行,所以認爲我會給出答案,因此它可能幫助其他人出建議我的情況。我GOOGLE了它,並把所有的拼在一起,我是懶惰/害怕在這一個所以that.Just道歉試圖真的未知有助於理解

反正

1)創建一個文件夾名爲字體在app /資產
2)將所有SVG .eot .woff的.ttf這個文件夾
3)在配置中/ application.rb中把下面的

# Add the fonts path 
config.assets.paths << "#{Rails.root}/app/assets/fonts" 

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

4)在你的應用程序樣式表,你把你的@字體樣式,例如

@font-face { 
font-family: 'DearestRegular'; 
src: url('Dearest-webfont.eot'); 
src: url('Dearest-webfont.eot?#iefix') format('embedded-opentype'), 
    url('Dearest-webfont.woff') format('woff'), 
    url('Dearest-webfont.ttf') format('truetype'), 
    url('Dearest-webfont.svg#DearestRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

5)然後,無論你想使用的字體只是使用FONT-FAMILY正常 6)哦,重新啓動服務器以整合所有:)

+0

非常酷,感謝分享! – alf

+0

沒問題,它很高興能夠幫助改變:) – Richlewis

+0

謝謝,超級有用 – kateray