问题标签 [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 投票
3 回答
14568 浏览

asp.net-mvc - 无法显示字体真棒图标?

我刚刚开始在已经有 Bootstrap 的 MVC 应用程序中使用 Font Awesome。我需要使用一些图标,并且我已复制font-awesome.css到我的项目中,但图标不可见。我只包含了这个 css,不确定但想问一下是否还有其他文件要包含?

这是它在我的页面中的显示方式: 在此处输入图像描述

在刚刚签入的 Firebug 中,它在 css 面板中的显示如下: 在此处输入图像描述

请指导我如何解决它。

感谢您的帮助和指导

0 投票
1 回答
1879 浏览

font-awesome - Font Awesome “Cog” 旋转不均匀

我们在某些 js 事件上使用和添加/删除 fa-spin。问题在 3 倍时很容易看到,是齿轮不绕固定轴旋转。我怀疑这是因为图标本身 (SVG) 由 Chrome 报告为 42 x 49 像素,即使图像在视觉上是方形的。有什么建议可以解决这个问题吗?

这是微妙但引人注目的: http ://www.screencast.com/t/NwJTcKe4o

0 投票
1 回答
931 浏览

html - ASP.Net 中的 CSS 图标字体

我也在尝试在我的 ASP.net 站点中使用很棒的 CSS 图标字体。

我已经在我的网站中导入了 awesome.css 并且还声明了

当我看到我的页面时,我得到如下输出。

屏幕

我为此编写的代码是

我没有得到我想念什么的地方?

0 投票
1 回答
2051 浏览

css - font awesome(4.0.3) + bootstrap(3.0.0) + asp.net: 改变字体系列

我正在使用字体 awesome(4.0.3) 和 bootstrap(3.0.0),我只想更改字体。但有一个问题。所有像“font awesome”中的“fa fa-group”这样的css类都不会再显示了,而是有一个带有Unicode符号的小矩形,比如“F06E”(分成2行)(文本已格式化,但符号将被转换为 unicode-text)。

HTML:

CSS:

我能做些什么 ?!

JSFiddle 上的实例

最好的问候马丁

0 投票
3 回答
1556 浏览

css - 如何为不同大小的符号创建相同大小的边框?

我使用Font Awesome图标及其fa-border样式:

但是创建的边框大小取决于符号大小(参见示例)。我怎样才能让它总是方形的?

0 投票
2 回答
3698 浏览

html - 如何在 fontawesome 方形图标内显示文本消息

这是我的代码。如何在大小为 1x 的方形框中显示文本消息。

这是我的方盒子

0 投票
1 回答
285 浏览

twitter-bootstrap - Bootstrap 3 & Font-Awesome 4 变色

如何将我的 bootstrap3 的 fa fa-xxxx 从 font-awesome 将颜色从灰色更改为白色?背景是黑色的,所以我需要其他颜色的图标。

0 投票
1 回答
725 浏览

css - Bootstrap 和其他字体图标冲突

我在我的项目中使用 bootstrap3。现在我想使用一些字体图标,除了它的核心图标。首先我尝试了 Font Awesome4,但似乎有一些问题,图标显示为正方形。我也尝试了 FlatUI 图标,但出现了同样的问题..

有人有这个烦恼吗?我该如何解决?


编辑

例如对于fontawesome,我将下面的链接放在我的标题中

<link href="{{ asset('css/font-icon/css/font-awesome.min.css') }}" rel="stylesheet" />

我也尝试过使用cdn

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

我用萤火虫检查了它,字体已加载,但看起来像一些正方形:| 广场

萤火虫检查

0 投票
1 回答
115 浏览

css - div作为表格单元格的Firefox问题

我正在尝试使用 Fontawesome chevron 在背景图像上创建透明覆盖,如下面的设计组合所示。

在此处输入图像描述

在尝试了各种方法让三个 floatDIV看起来像这样之后,我求助于使用

display:table-cell

对于具有白色背景的左侧和右侧的 div,并将 DIV 与中间的 V 形保持一个块。

这在 IE 和 Chrome 中运行良好,但 FirefoxDIV出于某种原因将中心向下推。这是透明图像的最终版本中的一个问题,因为我需要保持这个DIV160 像素宽。Width并且Max-width似乎不适用于display: table-cell.

这是jsFiddle

问题 1:我如何才能在 FF 中获得这项工作?
问题 2:有没有更好的方法(没有使用具有足够宽的圆形切口的单个图像来考虑 4K 显示器)

0 投票
3 回答
86 浏览

html - 删除间隙中的链接下划线

对不起,我的英语。

你好,我在一些参考文献中使用了FontAwesome,我需要在图标之间去掉下划线的文字链接,有这种可能吗?

在此处输入图像描述

JSFiddle中的模式