问题标签 [font-awesome-4]

我如何设置Font Awesome 图标的颜色、大小和阴影？

例如，Font Awesome 的网站将显示一些白色的图标和一些红色的图标，但不会显示CSS如何以这种方式设置它们的样式......

我已经使用 Font Awesome 一段时间了，今天更新到 4.0。这次我决定使用 BootstrapCDN，但我遇到了问题。尽管使用了新的类名，但未显示图标。

CSS 文件被拉下来很好，但是当我在 Chrome 中查看开发人员工具时，没有提供字体。基于 CSS 文件中字体的相对路径（src: url('../fonts/fontawesome-webfont.eot?v=4.0.0');），我能够测试链接并下载字体：

http://netdna.bootstrapcdn.com/font-awesome/4.0.0/fonts/fontawesome-webfont.eot?v=4.0.0

所以链接是正确的（当然）。有人知道为什么没有提供字体吗？

Font Awesome 4.0是对 Font Awesome 的彻底重写。主要的新功能之一是图标现在已命名空间。除了命名空间之外，图标还使用基于一致性和可预测性的新命名约定。不幸的是，这个新的命名约定与 Font Awesome 3.2.1 大相径庭。

是否有从 Font Awesome 3.2.1 到 Font Awesome 4.0 的升级指南？

我在 IIS8 中创建了一个新的（简单的）网站。我创建了一个简单的Index.html并放入 jQuery、Bootstrap3 和 Font-Awesome 4.0.0 开始使用。

但是我的 Font-Awesome 图标显示为空（正方形）：

我的文件夹结构是

我的 HTML 代码：

字体真棒@font-face 是：

Chrome 显示甚至没有下载 .woff 文件（或任何东西）（也没有 404）

我试过了

• IE 11、火狐、铬
• 将网站放在实时服务器上
• 将 .woff 的 MIME 类型更改为
  • font/x-woff
  • application/x-font-woff
  • application/font-woff
  • font/woff
• 应用程序池的完全读取权限
• 将@font-face 的 url() 从../fonts/更改为fonts/
• 删除所有其他不必要的 css 和 js 文件
• 整页刷新，清除缓存

我仍然在我的应用程序中使用 Font Awesome 3，而且文档现在似乎只有 v4？版本 4 现在更改了图标类的名称，所以我不完全确定要使用哪个？例如，fa-check-square在 v4 中并不icon-check-square像您期望的那样在 v3 中，但是icon-check-sign.

我正在尝试将 Fontawesome 包含在 Rails 4 应用程序中，但是这些资产并未进入资产管道。但是，字体并没有在生产中出现，我不知道为什么。

文件结构组织

我所有的资产都存储在其中，/assets/components 以便 Fontawesome 出现在：（/assets/components/font-awesome它们位于不同的目录中，因为我使用的是 Bower）。

CSS清单文件：

资产管道设置为预编译字体

我添加了预编译指令，以便根据这个问题对字体进行预编译

包括 Heroku 12 因子宝石

所以有什么问题？

当我推送到 Heroku 时，它显示应用程序正在请求文件但它们没有加载：

看看日志，这似乎是一个路由问题——我原以为可以提供字体，/assets/fonts但它显然是在寻找/fonts

为什么资产没有得到服务

我对这一切有点困惑。为什么不提供这些字体？

我安装了字体很棒的 Rails gem，但图标没有显示。相反，在 Chrome 中，我得到一个空框（如下所示）。

我添加gem 'font-awesome-sass'到我的 gemfile，运行bundle，然后添加*= require font-awesome到我的 application.css 文件中。

我也尝试添加

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

到头部，如 Font-Awesome 网站上的入门部分所述，但结果相同。

有没有其他人遇到过同样的问题？

由于 Meteor.js 的非传统方式，我总是发现很难在 Meteor.js 中手动加载外部库。我需要一些关于如何以最干净的方式加载这些库的建议

以上是我的根结构。在公共文件夹中，我有资源下的所有图像，然后是 font-awesome 4 的文件夹。现在，当我加载它时，它会显示方形符号，表示它没有正确加载它。

我的印象是没有必要在流星中引用任何 CSS 等，因为它们在运行时都捆绑在一起。我错过了什么吗？

我确实尝试过使用陨石包，但它只是安装东西，什么都不做！我宁愿手动完成并在需要的地方更改参考。

我目前正在运行 3.0.2 并正在考虑升级到 4.0.3。如果我们确实继续升级，我是否必须进入所有 html 并更改我目前对图标的调用？谢谢

This has been asked several times but none of the solutions found have helped. We are using font awesome over https (not sure it makes a difference) and the icons in IE9 show up as squares. This happens only on ie9.

Anyone had this issue before or have ideas?

Thank-you