css - 将 FontAwesome 与 Gumby 框架一起使用

Question

有没有办法像在 Twitter BootStrap 中一样使用 Gumby 框架中的 FontAwesome 图标？

Answer 1

我遇到了这个问题，我所做的就是将此代码放在我的css中：

.useFontAwesome [class^="icon-"], .useFontAwesome [class*=" icon-"]{
    font-family: fontawesome !important;
}

然后，无论您想在哪里使用字体真棒图标，您都可以将该类附加到包装元素。如果您愿意，您可以将该类添加到您的 body 标签中，以便始终拥有令人敬畏的字体库供您使用。

Answer 2

我将它们与 Gumby 框架一起使用。

字体位于字体/图标文件夹中。

这些.scss文件在我的 var/icons 文件夹中。

然后在gumby.scss文件中添加@import "var/icons/font-awesome";.

不要忘记$fa-font-path在_variables.scss文件中设置！

Answer 3

你在用 RoR 吗？我让它在那里工作。您需要在部分变量中更改字体所在的路径。将其更改为“/ assets”，这可能会起作用。