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这些文件，即使字体不似乎越来越加载

注释'/ *字体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的建议操作。

答

我使用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

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

zurb基金会图标字体

相关推荐