问题标签 [font-awesome-4]

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.

0 投票
1 回答
419 浏览

css - 什么是 Font Awesome 4.x 相当于 3.x 的“icon-white”类?

我正在将使用 Font Awesome 3.2.1 的自定义 PHP 代码升级到 Font Awesome 4.1。绝妙的升级说明解决了我所有关于图标命名约定更改的问题。但是,我被困在 3.2.1 的icon-white课程上,这应该使图标变白(如果我没记错的话)。

我在 FA 4.x 中找不到此类的任何等效项。Font Awesome 是基于字体的图标集,所以应该不需要额外的类来改变单色。这应该在 CSS 级别完成。

即便如此,我不确定,我应该如何替换以下代码以使其与 Font Awesome 4.x 兼容:

按照提到的升级说明,我更新icon-ok到了fa-check,但是呢icon-white?我要完全删除它吗?以这种方式生成的链接仍然是白色的吗?

0 投票
1 回答
1429 浏览

css - 如果 font awesome 中的一个图标不显示,则缺少什么

我选择了几个要使用的图标,除了一个之外,它们都在显示。我将我的 CSS 与 fontawesome 网站上的图标页面进行了比较,但我遗漏了一些样式。我添加了缺少的样式,但图标仍然显示占位符而不是图标。

HTML:

CSS:

同样,所有其他图标(其中 14 个)都正确显示,只是不是这个。

(字体真棒 4.0.3)

0 投票
2 回答
8854 浏览

magento - 如何在 Magento 的顶部链接中添加字体真棒图标

我正在为 Magento 使用样板模板,并且该模板中已经包含了很棒的字体。我通过在 Links.php 中添加一个 class="btn btn-primary" 在顶部链接中为我的汽车创建了一个引导按钮,现在我在尝试从 font awesome 添加购物车图标时遇到了一个问题......

我想在“我的购物车(2 件)”顶部链接前添加此代码:我的购物车

我尝试了一些没有成功的事情......

谢谢你的帮助

编辑:这就是我的 top.links.phtml 的样子,我不知道如何添加您的代码:

0 投票
1 回答
433 浏览

grails - Fontawesome 资源插件错误

我想fontawesomegrails. 我在构建配置中添加了编译:font-awesome-resources:4.0.3.1以添加插件。我添加了

applicationresource.groovy但是当我运行应用程序时出现错误

错误resource.ResourceProcessor - 无法加载资源消息:没有这样的属性:类的pluginManager:org.springframework.web.context.support.XmlWebApplicationContext。请提供解决方案。

0 投票
2 回答
1069 浏览

css - font-awesome 的 css 样式无法正常工作

我在导航栏中添加了很棒的字体图标,并使用 css 对其进行了样式设置。除了带有下拉列表的链接外,一切都很好——一旦点击——它会显示两个图标,而不是只显示一个(见截图)。一个放置正确,另一个显示在“链接”一词下方和下拉菜单上方。

在此处输入图像描述

这是html代码:

这里是css代码:

如果有人能告诉我如何去掉下拉菜单下的图标(=白色十字),我将不胜感激。

在此先感谢您的帮助。

0 投票
1 回答
815 浏览

less - font-awesome and less : 图标类无法识别

我有一个 main.less 文件,我正在尝试使用 font-awesome 类进行编译。

我的 less 文件非常简单:

我使用 grunt-contrib-less 提供的 less 编译器。

输出是:

  • 更少版本:1.7.4
  • Grunt-contrib-less 版本:0.11.4
  • 字体真棒版本:4.1.0

问题出在哪里 ?

0 投票
2 回答
486 浏览

css - Fontawesome 图标与文本的垂直居中

我试图将 Fontawesome Icons 垂直居中。这些图标必须在父元素内居中。问题是只有当我将鼠标悬停在一个元素上时,我才会在 Firefox (31) 中看到一些工件。

请参阅下面的 jsfiddle 链接:http: //jsfiddle.net/8ap92j7z/1/

我做错了什么以及如何解决?

0 投票
1 回答
387 浏览

less - 使用 Font-awesome 和 LESS 应用语义原则?

我正在尝试按照网页设计的语义原则(不在我的 HTML 标记中放置数十亿个非语义类),使用 LESS,以与 Bootstrap 相同的方式使用 Font-awesome。

似乎不可能:图标定义是这样的:

这不是 mixin 定义,而是使用 LESS 变量构建的经典 CSS 规则。

所以,我无法做这种声明:

Lessc 抱怨.fa-home未定义。

这是一种避免腐烂我的 HTML 代码的方法吗?有没有办法用 less 将一个类归因于另一个类?

谢谢 !

0 投票
2 回答
147949 浏览

font-awesome - 悬停字体真棒图标时更改颜色?

在 Font Awesome文档中,我创建了这个图标:

此代码创建此 html:

它是一个堆叠的标志图标。我想更改 Hover 事件的图标颜色,我尝试了所有这些:

但不工作。

0 投票
1 回答
4612 浏览

magento - 如何将 FontAwsome 库与我的 Magento 商店集成?

我一直在尝试将 Font Awesome 库集成到我的 Magento 商店中。我一直在尝试将 CSS 链接添加到我的 Local.xml 文件中,但似乎不起作用。