问题标签 [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.
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。
有人可以帮忙吗?谢谢,迈克
css - Adblocker 会删除我的字体真棒“YouTube”图标吗?
我正在使用Font Awesome ,在他们的图标页面底部有一个黄色(ish)警告框:
在警告框中它说:
显然,Adblock Plus 可以通过“删除社交媒体按钮”设置删除 Font Awesome 品牌图标。
我正在使用fa-youtube-play
按钮上的图标,这是否意味着 AdBlocker 会删除我的图标?
注意:不,我没有在我的网站上托管任何广告。
注意:它将您重定向到指定的 YouTube 视频的按钮。
注意:没有弹出窗口只是一个重定向。
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
font-awesome - font awesome 4 - 如何对齐 SVG?
font awesome 4 代码生成了这些 SVG,这些 SVG 不能使用典型的 CSS 进行定位,这很糟糕,并且破坏了我的整个代码库。
过去,你可以制作一个<i>
标签,并像其他所有东西一样设置它的样式,但现在这些 SVG 是在 DOM 中生成的,你不能使用text-align
ormargin
等。
我已经尝试将图标包装在 div 中,但这仍然是有限的,并且在 div 内对齐时不会影响图标本身。
所以这:
变成这样:
font-awesome - FontAwesome: css 内容: "\f468"; 对某些人不起作用
我正在使用以下方法显示图标
适用于大约 30% 的图标。例如,我尝试了上述方法,f468
但没有成功,但是当我<i class="fas fa-boxes"></i>
显示图标时。你能看出问题吗?
我正在使用https://use.fontawesome.com/releases/v5.5.0/css/all.css
c# - Xamarin 在 C# 中动态添加 ToolbarItem
我是 Xamarin 的新手。
我正在使用使用 font-awesome 4.7 版本的 Xamarin,我试图在后面的代码中添加一个 ToolbarItem:
在 xaml 文件中,我可以这样做:
但是我需要它在后面的代码中工作,有人可以告诉我如何去做吗?
font-awesome - 从 font awesome 4 升级到 pro 5,带有 angular ..icons 没有出现
我试图从升级font awesome 4
到5
. 我按照这个链接
删除了font awesome 4
包:npm uninstall font-awesome
然后npmrc
在我的项目的根目录中添加了一个包含此代码的文件,如他们在此处的文档中所述:
然后安装插件:npm install --save-dev @fortawesome/fontawesome-pro
在 angular.json
文件中我添加了这段代码:
我以为所有的东西都设置好了。但是当我尝试通过输入<i class="far fa-acorn"></i>
我的 html 来呈现一些图标时 .. 未显示的图标。
有人可以告诉我我的配置中缺少什么吗?
非常感谢。
icons - 在 Icomoon 中堆叠图标,如 Font Awesome 中的 fa-stack
你如何在 Iconmoon 中堆叠图标,就像 Font Awesome 的 fa-stack 中的图标一样。如果在 Icomoon 中不可能,如何在 CSS 中使用?谢谢您的帮助!例如,如果您有两个图标,一个加号和一个框,如何将加号图标放在框图标的顶部。
php - 用令人敬畏的字体替换图像
我正在尝试更改用于显示评论图像的代码。前面的代码有 5 个星星的图像。第一张图片有一颗星,接下来是两颗星,以此类推。每个图像的宽度相同,因此对齐始终正确。使用的代码是
根据评分,上述结果会产生一串星,例如
我的想法是用字体很棒的图标替换图像,以便更容易控制颜色,如果颜色或星星的数量需要改变,这需要更少的维护。我这样做了,它工作得很好,但它需要的代码量远远超过图像。所以我的问题是:
- 我应该坚持使用图像吗?
- 有没有更好的方法来为 icon 方法编码?
这是图标方法的代码: