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

css - 字体真棒背景颜色溢出

我想为 fontawesome 图标设置背景颜色:

在运行时我得到这个:

在此处输入图像描述

那么如何只填充圆圈的内部呢?

0 投票
3 回答
1948 浏览

angular - 有没有办法在 Visual Studio 2019 中作为文件夹打开的 Angular 项目中为 Bootstrap 和 FontAwsome 获取 Intellisense

我正在作为文件夹打开的 Visual Studio 2019 中的一个 Angular 项目。一切都很好。用于 TypeScript/JavaScript 类和 Angular 的智能感知。当你翻转一个方法时,你会得到描述和返回值等等。有没有办法让智能感知为 BootStrap 和 Font Awsome 工作?我知道在 .Net Cor 项目中,您必须对 _view[something] 文件做一些事情。不记得了。我已经残疾一年了,刚刚开始重新学习。我想我会利用这段时间最终坐下来一劳永逸地学习 Angular。

0 投票
1 回答
107 浏览

twitter-bootstrap-3 - 当一列有textarea时,如何在引导行中垂直定位字体真棒图标

我希望最右侧列中的标志垂直位于“行”的中间

寻找引导程序 3 解决方案

这是我的代码:

预期成绩

0 投票
0 回答
270 浏览

css - 使用 Font Awesome Icon 作为 Bootstrap 文件输入浏览按钮的文本

有一种方法可以更改 Bootstrap 文件输入字段按钮的默认“浏览”文本,请参阅文档。有没有办法使用字体真棒图标代替“浏览”?(在 Angular 8 环境中。)


问题关闭后编辑:

抱歉,我不明白它是如何跑题的。其中哪一部分不清楚或不符合指南?

在 Angular8 环境中,我想实现它而不是这个:

在此处输入图像描述

这将显示:

在此处输入图像描述

我希望现在很清楚,但我不确定,我没有添加任何新信息:)

0 投票
0 回答
105 浏览

javascript - 字体真棒图标仅在调试模式下显示

我试图在提交 ajax 调用之前显示一个微调器 FA 图标,并在 ajax 完成时显示一个正确/错误的 FA 图标,但这些图标仅在整个函数结束时才会更改。它在调试模式下完美运行,但仅在单击功能结束后才更改类。

0 投票
3 回答
302 浏览

javascript - 字体真棒图标不对齐

嘿,我在将我的 FA 图标与按钮对齐时遇到问题。我不知道为什么会发生这种情况我一直在大致遵循教程并做一些我自己能够解决的事情,但我似乎无法找到解决我的问题的方法。

这就是它的作用

在此处输入图像描述

这是我的 HTML

CSS

和 JS

它还没有完成,但我无法忍受它显示按钮的方式。

0 投票
1 回答
531 浏览

css - FontAwesome 图标看起来像素化/模糊

我在 stackoverflow 或他们的 github 上多次看到这个“FontAwesome 图标看起来像素化/模糊”问题,但没有一个解决方案适合我。这是一个示例:
https ://plnkr.co/edit/CmviS7TuPcIJX20G?preview

前 3 个列表项使用 Font-Awesome 创建一个“精美的复选框”,而底部 3 个列表项使用常规边框半径(以及一些转换后的矩形来形成复选框......不是最佳的)。
在我看来,底部的 3 个边框半径列表项比顶部的 3 个 FontAwesome 更好(但我们使用的表单框架使用 Font-Awesome,因此希望通过一些简单的 CSS 修复来修复它)。我检查了 Chrome/Firefox/Edge/Opera 的最新版本(在 Window7 上)...
使用 Font-Awesome 的前 3 个列表项在所有浏览器上看起来都有点参差不齐(尤其是主要的白色圆圈)。附上一张图片:
在此处输入图像描述

我正在使用 FontAwesome 4.3,但似乎人们在 Font-Awesome 5 中也遇到了相同类型的问题(相信我也尝试过 FontAwesome 5 文件但无济于事)。

我尝试过在其他帖子上看到的东西:

  • 将 SVG 字体文件放在 font-awesome.css 文件的 @font-face css 规则中更高的位置(我在我的计算机上本地尝试过,但没有奏效)。
  • 添加类似“-webkit-font-smoothing: antialiased;”
  • 在复选框项目上添加临时转换,如“transform:rotateZ(0.5);”
  • 使用 12px 或 14px 或 16px 倍数的字体大小(取决于使用的 Font-Awesome 版本)。对于这个例子,我使用了 14px,因为这似乎是 .fa 的基本字体大小。

接受建议尝试,谢谢!

如果我要链接到 plunkr,则必须发布一些代码,所以这里是 Font-Awesome 项目的主要 CSS:

0 投票
3 回答
2094 浏览

vue.js - 如何将 vue @click 事件附加到输入字段旁边的字体真棒图标?

我试图将@click 添加到一个很棒的字体图标。但是,无论我将@click 事件添加到 span 还是 i 标记,它都不起作用。我怀疑该事件是由输入字段进行的。如何使放大镜图标可点击?

资料来源:3sName.com

0 投票
1 回答
75 浏览

bootstrap-4 - Bootstrap 4中的字形图标

我正在使用 Bootstrap 4。我想在Datatable中使用 Glyphicon 。我包括了 font-awsome

我的CSS代码如下

}

但我得到如下输出

在此处输入图像描述

0 投票
1 回答
299 浏览

dynamics-crm - 如何在 Dynamics 365 门户中使用 FontAwesome?

我们有一个网站,它是从默认的 Dynamics 365 门户构建的;标题菜单(主导航)有一个“home”项,编辑时有一个 URL 为.fa.fa-home一个从 FontAwesome 派生的图像

我们想添加另一个菜单项,它也使用这种图像样式,但使用其他值,例如.fa.fa-cloud-download不会显示任何内容。从W3Schools - FA4 列表中尝试了几个不同的名称 ,但似乎都没有。

在此处输入图像描述

如果 Dynamics 门户的默认设置是使用“图像”,那么知道这些图像隐藏在哪里吗?