问题标签 [font-awesome]

我使用font-awesome并像这样显示他们的字体：

这将显示一个漂亮的小锁符号。为了让用户知道这到底意味着什么，我尝试添加诸如标题和 alt 之类的属性，但无济于事。

是否有任何属性可以用于<i>执行与图像的 alt 和链接的标题相同的任务的标签？

我正在使用 bootstrap-sass 和 font-awesome ( https://github.com/littlebtc/font-awesome-sass-rails ) 宝石。我想从 font-awesome 覆盖引导字体设置。

从 font-awesome 的网站我可以覆盖引导默认值，如果我只是在引导导入之后导入。

我已经完成了上述操作，但是 font-awesome 的字体并没有被覆盖。我已将我的项目推送到 github - https://github.com/murtaza52/rails-base。该网址可在 localhost:3000/posts 上访问

如果有人可以帮助我用 font-awesome 的字体覆盖引导程序的默认字体，我将不胜感激

尝试为我的按钮使用字体很棒的图标，但我无法让它显示在 submit_tag 中

输出：

帮手：

当我删除助手的 html.html_safe 行时，我得到了同样的结果。它就像 html_safe 不起作用。我也试过 html = raw(html) 也没有效果。

即使在 localhost 中，我也无法在 firefox 中正确显示 font-awesome。我收到以下跨域错误：

我按照这篇文章的建议使用了双引号：firefox @font-face fail with fontawesome但这并没有解决问题。

在 Chrome 中一切正常；有什么建议么？

除了在 Chrome 中解决问题之外，鉴于此限制，我应该如何通过 CDN 出售 font-awesome：http: //dev.w3.org/csswg/css3-fonts/#default-same-origin-restriction？

下面是我的 CSS 文件中的代码：

谢谢你的帮助！

content:使用:before伪元素时，有没有办法将 HTML 嵌入到 css元素中？

我想在这样的用例中使用 Font Awesome（或 Glyphicon）：

X类似的东西在哪里<i class="icon-cut"></i>。

我当然可以在 HTML 中手动执行此操作，但我真的想:before在这种情况下使用。

同样，有什么方法可以<i>用作列表项目符号吗？这有效，但对于多行项目符号项的行为不正确：

我正在使用Font Awesome，它是为与 Twitter Bootsrap 一起使用而设计的。

Galaxy S（型号 # GT-I9000M）手机上的 Android（2.1 版）浏览器不显示图标。它将它们显示为垂直矩形，类似于您在此处看到的：

有人知道解决这个问题的方法吗？

这行代码有什么问题？

这实际上产生：

显然我的 html_safe 调用没有做任何事情。

背景：

我正在使用Twitter Bootstrap和Font Awesome，我实际上是在尝试实现一个带有图标的提交按钮。

我们有一个 rails 3 应用程序，它运行良好，我们部署了它。我必须为开发设置一台新计算机，克隆我的 repo，设置所有内容，现在 Font Awesome 字体拒绝工作（显示胡言乱语）。我克隆到我原来的电脑；在我原来的文件夹中，它们工作正常。但是任何新的克隆都没有。

它们不显示字体，而是显示内容（在 scss 文件中设置的乱码，如 '\f010'）。这通常显示为奇怪的形状或其他东西，但绝对不是图标。在 Mac OS X Mountain Lion 和 Ubuntu 12.04、Chrome 和 Firefox 上试过。

我们尝试了什么：

• 在原始文件夹中创建了一个新分支。将所有宝石更新到最新版本 - 我认为克隆可能有更新的宝石，使其在某处损坏。原始项目看起来仍然很好，新的克隆（和检查分支）被破坏了。
• 替换了来自 fontawesome 站点的新下载的 .scss 和字体文件。
• 字体文件的已验证路径是正确的（它们似乎已找到，因为 Chrome 检查器不会抱怨缺少字体文件 - 如果我更改路径，它会抱怨。它们只是没有被正确使用/使用）

两个文件夹中的宝石列表显示具有相同版本的相同宝石。

FontAwesome 路径是：

我的应用程序/供应商/资产/样式表/FontAwesome

里面有 sass 和 fonts 文件夹。

sass 中唯一改变的是路径线：

$fontAwesomePath: "FontAwesome/font/fontawesome-webfont" !default;

正如我所说，这似乎有效；如果我更改路径，chrome 会抱怨缺少字体。

我正在使用 Apache 2、Ruby ree-1.8.7 p-358、Rails 3.2.7、Passenger 3.0.12、RVM 1.14.10、Bundler 1.1.4。乘客和捆绑者坐在我的全球宝石中。这是我的 Gemfile：

如果有人需要更多信息，请告诉我。我的想法已经用完了，而且我一无所获，我担心现在部署并且我们的产品环境搞砸了！

编辑：仍然没有得到结果。我更新到 Rails 3.2.8，所有 gem 都是最新的，除了回形针和 factory_girl_rails，它们使用旧版本的 Ruby 1.8.7。

销毁了我所有的文件夹，克隆了一个新的，工作正常。克隆一秒钟，不好。在 Chrome 隐身窗口中打开第一个克隆，不起作用。Inspector -> Resources -> Frames -> (site) -> Fonts 显示字体文件。

这是它应该是什么样子（左）与问题（右）的图像：

所以我在一个项目中使用Font Awesome，在测试中我遇到了 IE8 的问题。

在 Windows IE9 上，Chrome 和 Firefox 正确显示字体（OS X 上的 Firefox、Chrome 和 Safari 也是如此），但 Windows 上的 IE8 有一个问题，我得到一个框来代替字体。

我的代码是：

我有四个字体文件...

• fontawesome-webfont.eot
• fontawesome-webfont.svg
• fontawesome-webfont.ttf
• fontawesome-webfont.woff

...它们所属的地方，它们可以被世界读取（755 权限）。我错过了什么？我必须对 IE8 中的兼容性视图做些什么吗？

同一台计算机可以很好地查看 Font Awesome 网站上的字体，所以一定是我做错了。

根据要求，font-awesome.css 的副本在这里：font-awesome.css。除了字体文件的路径之外，它或多或少是我从他们那里下载的。

基于@Abody97，我将https://html5shim.googlecode.com/svn/trunk/html5.js添加到组合中（上面的代码已更新）。即使在刷新和删除缓存刷新之后仍然没有运气。

具体来说...

...显示为双倍或四倍。