问题标签 [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 回答
1015 浏览

css - 字体真棒图标在 Firefox 中对齐错误

将 FontAwesome 图标“caret-right”应用于我的菜单中的三个 li-/a-标签,以指示子菜单的存在。图标应右对齐。我的代码适用于 Chrome 和 Edge,但不适用于 Firefox。阅读有关通过 CDN 加载 FA 文件的可能问题,因此我切换到从我的网络空间加载它们,但没有成功。我可以看到菜单项末尾的图标,但它们被切断并向下推。这是我的 HTML 和 CSS:

该文件的链接是http://msc1836.bplaced.net/menutest.html 操作系统是 Win-10,Firefox 版本是 50.1.0。

有人可以帮忙吗?谢谢,迈克

0 投票
0 回答
340 浏览

css - Adblocker 会删除我的字体真棒“YouTube”图标吗?

我正在使用Font Awesome ,在他们的图标页面底部有一个黄色(ish)警告框:

在此处输入图像描述

在警告框中它说:

显然,Adblock Plus 可以通过“删除社交媒体按钮”设置删除 Font Awesome 品牌图标。

我正在使用fa-youtube-play按钮上的图标,这是否意味着 AdBlocker 会删除我的图标?

注意:不,我没有在我的网站上托管任何广告。
注意:它将您重定向到指定的 YouTube 视频的按钮。
注意:没有弹出窗口只是一个重定向。

0 投票
2 回答
9507 浏览

html - 一些 Font Awesome 图标不起作用

编写此代码时,我使用了 2 个很棒的字体图标。我的第一个图标显示在我的输出屏幕上,但第二个没有显示。我为第二个编写了相同的代码。我也尝试删除第一个,第二个仍然没有显示。这是附加的输出。

输出画面

0 投票
1 回答
1262 浏览

css - fonts stopped working in font-awesome 4.7 version

I am using font-awesome version 4.7. Everything was fine few days back but suddenly few fonts stopped working. Here is the list:

1.fa-television 2.fa-handshake-o 3.fa-product-hunt Can anyone please help me to understand why and how can I fix that? By putting version 5 does not help very much looks like need to make many changes.

Please find the above code that I am using but it is not displaying television icon as it works for other icons.Please look at the below screenshot

enter image description here.

0 投票
0 回答
469 浏览

font-awesome - font awesome 4 - 如何对齐 SVG?

font awesome 4 代码生成了这些 SVG,这些 SVG 不能使用典型的 CSS 进行定位,这很糟糕,并且破坏了我的整个代码库。

过去,你可以制作一个<i>标签,并像其他所有东西一样设置它的样式,但现在这些 SVG 是在 DOM 中生成的,你不能使用text-alignormargin等​​。

我已经尝试将图标包装在 div 中,但这仍然是有限的,并且在 div 内对齐时不会影响图标本身。

所以这:

变成这样:

0 投票
1 回答
111 浏览

font-awesome - FontAwesome: css 内容: "\f468"; 对某些人不起作用

我正在使用以下方法显示图标

适用于大约 30% 的图标。例如,我尝试了上述方法,f468但没有成功,但是当我<i class="fas fa-boxes"></i>显示图标时。你能看出问题吗?

我正在使用https://use.fontawesome.com/releases/v5.5.0/css/all.css

0 投票
2 回答
1609 浏览

c# - Xamarin 在 C# 中动态添加 ToolbarItem

我是 Xamarin 的新手。

我正在使用使用 font-awesome 4.7 版本的 Xamarin,我试图在后面的代码中添加一个 ToolbarItem:

在 xaml 文件中,我可以这样做:

但是我需要它在后面的代码中工作,有人可以告诉我如何去做吗?

0 投票
1 回答
1182 浏览

font-awesome - 从 font awesome 4 升级到 pro 5,带有 angular ..icons 没有出现

我试图从升级font awesome 45. 我按照这个链接 删除了font awesome 4包:npm uninstall font-awesome 然后npmrc在我的项目的根目录中添加了一个包含此代码的文件,如他们在此处的文档中所述:

然后安装插件:npm install --save-dev @fortawesome/fontawesome-pro

angular.json文件中我添加了这段代码:

我以为所有的东西都设置好了。但是当我尝试通过输入<i class="far fa-acorn"></i>我的 html 来呈现一些图标时 .. 未显示的图标。

有人可以告诉我我的配置中缺少什么吗?

非常感谢。

0 投票
0 回答
116 浏览

icons - 在 Icomoon 中堆叠图标,如 Font Awesome 中的 fa-stack

你如何在 Iconmoon 中堆叠图标,就像 Font Awesome 的 fa-stack 中的图标一样。如果在 Icomoon 中不可能,如何在 CSS 中使用?谢谢您的帮助!例如,如果您有两个图标,一个加号和一个框,如何将加号图标放在框图标的顶部。

0 投票
1 回答
68 浏览

php - 用令人敬畏的字体替换图像

我正在尝试更改用于显示评论图像的代码。前面的代码有 5 个星星的图像。第一张图片有一颗星,接下来是两颗星,以此类推。每个图像的宽度相同,因此对齐始终正确。使用的代码是

根据评分,上述结果会产生一串星,例如

我的想法是用字体很棒的图标替换图像,以便更容易控制颜色,如果颜色或星星的数量需要改变,这需要更少的维护。我这样做了,它工作得很好,但它需要的代码量远远超过图像。所以我的问题是:

  • 我应该坚持使用图像吗?
  • 有没有更好的方法来为 icon 方法编码?

这是图标方法的代码: