问题标签 [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.

73 问题

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。

angular twitter-bootstrap intellisense visual-studio-2019 font-awesome-4

0 投票

1 回答

107 浏览

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

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

寻找引导程序 3 解决方案

这是我的代码：

twitter-bootstrap-3 font-awesome-4

0 投票

0 回答

270 浏览

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

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

问题关闭后编辑：

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

在 Angular8 环境中，我想实现它而不是这个：

这将显示：

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

css angular bootstrap-4 font-awesome-4

0 投票

0 回答

105 浏览

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

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

javascript css ajax font-awesome-4

0 投票

3 回答

302 浏览

javascript - 字体真棒图标不对齐

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

这就是它的作用

这是我的 HTML

CSS

和 JS

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

javascript html css font-awesome font-awesome-4

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：

css font-awesome font-awesome-5 font-awesome-4

0 投票

3 回答

2094 浏览