问题标签 [font-awesome]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 如何在 Twitter Bootstrap 图标和 Font Awesome 图标之间实现对等
在 Ruby on Rails 3.2 应用程序中，我使用 Twitter Bootstrap-Sass v 2.0.3 和Font Awesome，两者都作为 Gems 安装。
我正在使用“Font Awesome”，因为我想更改引导图标的颜色。
我的问题是我的图标在彼此对齐方面完全关闭：
发生的事情是它在不同的位置呈现原始的黑色图标和较新的图标。
在 Font Awesome 上，它说“这套巨大的新图标是在 Font Awesome GitHub 项目中请求的，包括与 Bootstrap 2.0.3 的图标奇偶校验。”
如何对齐图标以使形状相同但仍然通过字体操纵颜色？
css - 使用 Font Awesome 图标作为项目符号
字体真棒的一个示例用例是这样的（取自他们的示例）：
只要列表项是 1 行，此列表就可以满足我的目的。但是如果列表项是多行的，那么第二行和进一步不正确缩进（默认情况下）。
如果这些图标可以用作标准的 css 项目符号，那就太好了，因为这样多行项目会自动缩进。
有没有一种简单而优雅的方法来实现这一点？如果我可以使用这样的标记，那就太棒了：
即重用特定的图标类，但使它们成为 li 元素的一部分。
javascript - 如何知道字体（@font-face）是否已经加载？
我正在使用 Font-Awesome，但在未加载字体文件时，图标会显示为 。
所以，我希望这些图标display:none在文件未加载时具有。
我怎么知道这些文件已经加载并且我终于能够显示图标了？
编辑： 当页面加载（onload）时我不是在说话，因为字体可以在整个页面之前加载。
css - 字体真棒图标对齐
我正在使用 bootstrap-sass 和 font-awesome-sass-rails gems，并通过添加到 bootstrap-and-overrides.css.scss 成功地消除了重复的图标（来自 glyphicons）：
但是，现在我遇到了图标有点不合时宜的问题。以前的字形图标很完美。现在我看到：
我想将图标向下移动一个像素或 2 个像素。请帮忙。谢谢。
jquery - 如何在字体真棒图标上绑定事件？
我想将click事件绑定在一个很棒的字体图标上。然而，图标本身是不可点击的，只有当我插入额外的文本时，该文本才会被绑定。
如何绑定图标本身？
css - 使用 Font Awesome 图标作为项目符号，带有单个列表项元素
我们希望能够使用 Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) 图标作为 CMS 中无序列表的要点。
CMS 上的文本编辑器仅输出原始 HTML，因此无法添加其他元素/类。
这意味着当标记看起来像这样时显示图标：
我可以看到的第一个问题是 Font Awesome 是否需要不同的 font-family 属性，这需要单独的元素。
这可能使用纯CSS吗？或者我是否必须使用 jQuery 之类的东西将元素附加到每个列表项的开头？
我意识到我们可以使用背景图像的后备，但如果可能的话，使用 Font Awesome 会很棒。
css - 使用图标字体（Font Awesome）看起来有点模糊而且太粗
我正在使用 Font Awesome 在我的网站上创建图标，虽然它们在带有 Retina 显示屏的 iPod Touch 上看起来很棒，但在我的 iMac 上它们看起来有点模糊且不太明确。
这是一张图片来演示：
如您所见，Retina Display iPod Touch 上的字体看起来非常漂亮和清晰，但在 iMac 上，它有点蹩脚。
这是什么原因造成的？这与抗锯齿有关吗？对此我能做些什么吗？
internet-explorer-8 - 字体真棒没有出现在 Internet Explorer 8 中
我们最近开发了一个网站，该网站强烈依赖 Font Awesome 作为其设计的一部分。我们将标准实现与 before:content 及其提供的 CSS 一起使用。
由于某种原因，Font Awesome 没有在 IE8 中显示。我花了好几个小时进行故障排除和尝试各种修复，但没有运气。
我有：
- 将 EOT 的 mimetype 设置为 application/vnd.ms-fontobject
- 设置 OTF、TTF 的 mimetype 为 application/octet-stream
- 加载所有 CSS 后执行 HTML5Shiv。
- 在页面加载时重新加载 CSS 或 DOM 的各种尝试
这是网站：http ://www.tetakere.org.nz - Hotlinks 框是 Font Awesome 的一个很好的例子
有没有人对让这个网站显示 Font Awesome 的其他方法有任何想法？