问题标签 [font-awesome]

我在我的网站上使用Font Awesome作为图标。我对 HTML 和 CSS 很陌生。我试图将它用于复选框，并且很难弄清楚如何使用它来启用/禁用复选框并显示适当的图标。

例如; 我将以下标签用于复选框：

当复选框被启用/禁用时，我正在使用下面的 jQuery 来更改图标：

我确信这不会是它应该如何使用的方式。您能否指导我应该如何使用它。

目前; 我想使用复选框，我的目标是选中/取消选中复选框，并显示它的相应图标。选中时： icon-check ; 未选中：icon-check-empty

请指导我！

我在 rails 3 应用程序中使用font-awesome，在开发模式下一切正常，但是当我推送到 Heroku 时，Firefox 无法呈现图标，相反，我看到了这个：

• Chrome 在开发和生产中呈现良好的图标
• 这只会影响 FireFox（虽然我没有尝试过 IE）
• 该应用程序在这里，如果有人能确认这不仅发生在我的机器上（帮助我排除本地主机缓存问题），我将不胜感激。
• 所有资产，包括字体和样式表，都使用asset_sync gem 托管在S3 上。

这是我所做的：

在 font-awesome.css.scss 的顶部添加了以下内容：**

然后我把它放在 application.rb 中：

最后，我将所有 4 个字体文件放在app/assets/fonts.

我真的很想知道我在这里做错了什么。

我正在尝试使用 Font Awesome：

http://fortawesome.github.com/Font-Awesome/

我在几个 Rails 项目中使用这些字体图标没有问题，但由于某种原因，当我尝试在 Shopify 商店中使用它们时，它们不会被渲染。

我正在使用另一个@font-face，没有任何困难，但由于某种原因，这个@font-face 没有呈现。

在资产/我有：

我用@font-face 加载它们，就像我用另一个可以正常工作的字体一样。在我的 stylesheet.css 中，它位于 assets/

但是当我尝试使用图标时，它们似乎无法加载。知道为什么这不适用于 Shopify 吗？我觉得我错过了一些小东西，但我无法弄清楚。

我不知道怎么了。看来我做对了。我正在尝试在我的应用程序中使用Font Awesome，但字体没有出现。我有一个名为的文件夹fonts，application.rb其中包含以下行：

而不是拥有 Font-Awesome 附带的 2 个 css 文件（更改见下文）（不需要 IE7 文件），我只是将主 css 放在我的application.css. 比我更改 url 来检测字体文件。

每次更改代码后，我都关闭了服务器并重新启动，但仍然没有好处。我错过了什么？

更新：

我没有使用 SASS 或 LESS。也许@font-face是问题所在？我以前从未见过这种类型的代码使用。

更新

我现在正在使用 font-awesome.css 文件。但它没有出现在我的源代码中。

完整答案

这就是你如何让它在正常插入的情况下使用 Font-Awesome。

引用自：https : //gist.github.com/2251151

我正在使用Roots WordPress 主题，尽管我确信任何启用 Bootstrap 的站点的过程都是相同的。

我想禁用内置的 Twitter Bootstrap 图标并使用 Font Awesome 来代替它们。我已经加载了 Font Awesome's，它们正在工作，但有些图标icon-envelope似乎从两个集合中加载图标。

有没有办法禁用默认的 Twitter Bootstrap 图标？

根据更新日志 twitter-bootstrap-railsgem 支持自 v.2.0.9 以来的字体真棒。那么如何在项目中开启这个支持呢？默认情况下，我无法使用字体真棒图标。

我喜欢Font Awesome图标字体，并希望将它用于我网站上的大多数图标，但除了提供的内容之外，我还需要一些自定义 svg 图标。

我注意到.svg 版本的 Font Awesome主要由以下<glyph />元素组成：

将我的 svg 图标代码粘贴为新的字形元素并分配一个未使用的 unicode 字符是否有效？

我遇到了这个菜单的问题，其图标使用引导程序和字体真棒，格式较少，并且在运行时使用 JavaScript 编译。

黑色和蓝色同时出现！

编码：

浏览器输出：

我搜索了类似的问题，但仍未找到解决我的@font-face 规则为何在 IE7 中不起作用的解决方案。这是我的演示的实时链接：

http://www.staging.jungledragon.com/experiments/v3_02/

当您在现代浏览器中打开此站点时，您会注意到全局导航具有补充导航标签的图标。这些图标来自一种名为“FontAwesome”的字体。

根据许多地方推荐的最佳实践，我声明我的@font-face 规则如下：

如前所述，它在 IE7 中不起作用，甚至似乎根本没有加载字体。我已经在 IE7 模式下使用 IE9 在 Windows 7 上进行了测试，也已经在使用本机 IE7 的 XP 机器上进行了测试。我也尝试过使用字体文件的绝对路径，但这没有区别。

当我在整个设计中使用这些字体图标时，我希望它能够在 IE7 中工作。有任何想法吗？

font-awesome 中似乎没有输入类型“提交”的类。是否可以使用 font-awesome 中的某些类进行按钮输入？我在我的应用程序中为所有按钮（实际上与 twitter-bootstrap 中的“btn”类链接）添加了图标，但无法在“输入类型提交”上添加图标。

或者，如何使用此代码：

html:

（我取自HTML：How to make a submit button with text + image in it？）字体真棒？