问题标签 [font-awesome-4]

我在我的网页上使用 FontAwesome 图标。包含图标的 div 的高度和宽度基于用户输入。我希望图标适合 div 随着 div 高度和宽度的变化。我还想在该 div 中居中图标。网上关于这方面的信息非常有限。

我可以通过字体大小获取/设置字体高度或字体宽度吗？字体大小和字体高度/宽度之间有什么关系吗？

我想堆叠两个 Font Awesome 图标fa-star和fa-star-half，但我遇到了对齐问题。见下图：

这是我的 HTML：

...和我的 CSS：

请注意，我不想使用fa-star-half-o，它在与轮廓一起使用时具有不吸引人的设计。

我曾尝试使用“浮动”，但没有成功。如果我使用“margin-left”，间距是关闭的。见下图：

任何帮助表示赞赏。谢谢！

杰西

我有以下片段来呈现与另一个重叠的图标。整个 div 是一个链接。目前我正在使用 position:absolute 并调整重叠。没有绝对位置怎么办。我还希望整个 div 在屏幕的右侧（目前在左侧）。

减小字体真棒图标大小的最佳方法是什么。有fa-3x等……增加尺寸。有没有一门课可以减小尺寸？

我正在尝试使用 font-awesome，但在运行时，我收到以下错误

在我的 Gemfile 中，我有：

在我的 framework_and_overrides.css.scss 我有：

在我的 application.css 我有：

我在我的 application.rb 中添加了：

我运行 rake assets:clobber ，从干净的基础上开始 .. 现在，同样的错误

感谢您的启发...

我正在开发一个带有ASP.NET、MVC5和HTML5的网站AngularJS。

更新

我在 Chrome 控制台中没有警告。

font-awesome 字体在我的 web 项目中是本地的。

在我的 web.config 中有这个：

我有一个发出 Angular$http请求的函数，我需要在按下按钮时更改图标类。

目前，在我的角度控制器中，我有这个：

HTML5：

但是，它无法正常工作。

调用该函数时，图标会以不正确的外观更改：

请求完成后，图标变回不正确的外观：

我希望在视觉上：

有什么建议可以解决这个问题吗？

谢谢。

我目前正在开发一个 Phonegap 应用程序，但我无法在设备上显示任何 fontawesome 图标。

它们出现在我的桌面上的测试中，但是一旦我进入设备，就没有图标。它们也不显示为正方形，根本没有。我在我的 index.css 文件中包含了 fontawesome.css 文件，对于 Phonegap 和 fontawesome，我还需要做些什么吗？

例如，“fa-square-o”和“fa-square”类有何不同？我在哪里可以找到更多关于字体真棒类名称约定的信息？我在他们的网站上进行了搜索，但找不到关于字体真棒类命名约定的具体指导。

我用 HTML 设计了一个网站并使用了 FontAwesome 图标。当我在 localhost 上运行网站时，图标显示正常。但是在 url 上它不起作用。这里的网址：演示

这是我的自定义 CSS：

和

和

任何人都可以帮我解决这个问题。

感谢您。

当我在 Visual Studio 2013 上本地运行我的项目时，Font Awesome Icons 工作。但是，在部署时它们不存在。

从服务器运行时，IE 开发人员工具显示 Css 进入，但没有调用字体。没有404错误！没有403错误！没有什么。就像 Css 跳过了 @font-face 声明，因为它甚至没有尝试调用 EOT 文件。

以下是事实：

• IIS 7.0 中都添加了 Mime 类型（eot、svg、woff、woff2、ttf）
• css 的文件结构是 -- fonts > font-awesome > css
• 字体的文件结构是 -- fonts > font-awesome > fonts

格式（'svg'）；字体粗细：正常；字体样式：正常；}