zurb基金會圖標字體

我試圖讓zurb基金會圖標字體到我的軌道項目中工作，雖然他們不似乎正常工作zurb基金會圖標字體

general_foundicons.css.sass

/* font-face 
@font-face 
    font-family: "GeneralFoundicons" 
    src: font-url("general_foundicons.eot") 
    src: font-url("general_foundicons.eot?#iefix") format("embedded-opentype"), font-url("general_foundicons.woff") format("woff"), font-url("general_foundicons.ttf") format("truetype"), font-url("general_foundicons.svg#GeneralFoundicons") format("svg") 
    font-weight: normal 
    font-style: normal

我已經在app/assets/fonts這些文件，即使字體不似乎越來越加載

來源

2013-05-12 Paul ' Whippet' McGuane

註釋'/ *字體face'不能正常結束......能不能的原因錯誤？ – Baldrick 2013-05-12 13:41:47

它的sass正確結束了 – 2013-05-12 13:44:10

你是否檢查過你的saas和字體文件在同一個目錄下？ 'src：font-url（「general_foundicons.eot」）' – 2013-05-15 01:44:44

您已經添加了新的字體文件夾中的config/application.rb中的資產管線？之後，我會嘗試將@font-face之後的塊放在大括號中，並在其他行的末尾添加分號。如果不這樣做，請將src行重寫爲src: url(font-path("general_foundicons.eot"))依此類推，全部按this helpful link的建議操作。

來源

2014-01-11 03:12:58 Yossarian

我使用foundation-icons-sass-rails寶石。從他們的自述中提取：

添加基金會的圖標 - 薩斯護欄寶石的資產組在你的Gemfile：

group :assets do 
    gem 'sass-rails', " ~> x.x.x" 
    gem 'coffee-rails', "~> x.x.x" 
    gem 'uglifier' 
    gem 'foundation-icons-sass-rails' 
end

然後重命名app/assets/stylesheets/application.css到app/assets/stylesheets/application.css.scss並添加：

@import 'foundation-icons';

現在，您可以如下使用它：

<i class="fi-[icon]"></i>

編輯

在Rails 4中，您不需要資產組。此外，確保安裝最新版本的寶石（3.0.0截至2014年）：

gem 'sass-rails', " ~> x.x.x" 
    gem 'coffee-rails', "~> x.x.x" 
    gem 'uglifier' 
    gem 'foundation-icons-sass-rails' ~> 3.0.0

來源

2014-01-24 00:07:40 Eduardo

你剛剛救了我一大堆頭痛 – Jonathan 2014-09-03 21:04:14

zurb基金會圖標字體

回答

相關問題