问题标签 [font-awesome-5]

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 投票
2 回答
1653 浏览

css - 样式表中的 Font Awesome 5 图标以 unicode 显示

我正在尝试像这样集成 FontAwesome:

最终结果是这样的:

在此处输入图像描述

\f0d7

这是我们用于 FA 的脚本:

这是一个基于 invisionfree 的论坛,使用 bbcode [dohtml] 来激活 html 编码。

我究竟做错了什么?我觉得理论上应该一切都好?

0 投票
2 回答
7498 浏览

font-awesome-5 - Font Awesome 5 (with CSS) fa-layers

我从 4.7 版升级到 Font Awesome 5 (FA 5)。原因是分层图标。在 FA 4.7 中,fa-stack使用了类。在 FA 5 中,fa-layers 非常强大。

据我所知,这个问题fa-layers仅在纯 js 版本的 Font Awesome 中实现。(使用 fontawesome-all.js)。如果要使用 css 版本,则fa-layers在文件夹结构中的任何地方都看不到类(在当前版本 5.0.8 中)。是否可以在 FA 5 的 css 版本中使用 fa-layers?

通过 css 版本,我的意思是:

Bt Js版本,我的意思是:

由于 fontawesome-all.js 将所有 i 标签替换为 svg,因此此版本的 css 操作很困难。所以,如果 css 版本具有 Js 版本的所有功能,我想给我们 FA 5 的 css 版本。

0 投票
1 回答
1478 浏览

vue.js - 如何将过渡应用到 Font Awesome 5 Vue 图标

我正在尝试切换图标并应用过渡。我正在使用非常好的 vue-fontawesome npm 包,我的图标设置如下,computedIcon计算属性返回它应该是哪个图标:

这工作正常,但过渡不适用。谁能指出我正确的方向?

谢谢

0 投票
4 回答
1721 浏览

css - Font Awesome 5 - 为什么不显示比特币、facebook、twitter 等图标?

只有我不能在 5.0.8 版本中呈现比特币和 facebook 图标吗?

0 投票
0 回答
560 浏览

svg - Fontawesome 5,缺少 fa-brands.svg?

我尝试Fontawesome 5更换旧的。我已经复制了文件

从文件夹web-fonts-with-css到我的练习文件夹-> css。并将我的页面链接到:

并将fonts(来自 Fontawesome)文件夹包含到我的工作文件夹中。

发图标

谷歌开发

但从字体文件夹(提取的 Fontawesome 5.0.8)我没有看到 fa-brands.svg 。

字体

编辑: 我仍然得到同样的错误,我fa-brands.svg从文件夹中复制了advanced-options->svg-sprites按照文档页面的建议。

0 投票
1 回答
111 浏览

css - 是否可以在 FontAwesome v4.7 中使用 FontAwesome v5 图标?

当前使用 Fontawesome v4.7,但有一个图标(fa-fire)已更新并包含在 Fontawesome 5 包中。是否可以在不下载整个 v5 包和删除/添加文件的情​​况下更新 css 文件或 webfonts 文件?

0 投票
0 回答
383 浏览

css - Fontawesome 叶符号不起作用,而点符号在 ::before CSS 中的内容使用中起作用

感谢 Alex Raven在https://codepen.io/asraven/full/qbrgje中自动生成的可折叠目录树 ( ACDT ) 。

如果节点是父节点,我想在树中的节点(文本)之前放置树符号如果节点没有子节点,我想将树符号放在树中。

我加载了 FontAwesome 文件(Font Awesome 5 Free)来实现这一点,我只编辑了 ACDT的 css 的最后一部分。

编辑部分是css中注释“图标”下面的部分。

我无法使叶子节点的叶子图标可见。

\f06c代表叶子图标。

content: "\f192";如果我写在下面,我会看到圆点符号,这很奇怪ul.directory-list li::before;但是,如果我content: "\f06c";在同一个地方写它就行不通了。

我的浏览器是IE11,只能用这个浏览器。

在最坏的情况下,我可以在 PHP 端解决我的问题,但是我想了解“为什么”并尽可能使用 CSS 解决。原因是什么?我该如何解决这个问题?你能帮助我吗。谢谢。

我唯一编辑的部分 css、html 和完整 css 如下所示:

只编辑了 CSS 的一部分

html

自定义.css

0 投票
2 回答
6793 浏览

html - 如何将 5 个实心和常规图标与 n 伪元素字体结合起来

我正在尝试在我的项目中嵌入 fontawesome 5 图标。我需要在伪元素中添加图标(:之前,:之后)。我可以添加常规图标,但不能添加实体图标。两者都具有相同的 unicode 值。到目前为止,这是我的CSS,

现在它显示常规星形图标。我怎样才能使它成为实心图标?

提前致谢。

0 投票
6 回答
86624 浏览

css - Font Awesome 5,为什么没有显示 CSS 内容?

我正在尝试在 CSS 的内容中使用 FontAwesome。

它与图标的代码一起出现,而不是图标。我遵循了在线帮助,但仍然无法正常工作

0 投票
2 回答
2062 浏览

html - 一些字体很棒的品牌不工作(显示正方形)事件虽然其他工作正常

我将此脚本加载为css:

https://use.fontawesome.com/releases/v5.0.9/css/all.css

结果如下:

在此处输入图像描述

我试过在本地加载css,不同的版本,我试过js版本,同样的问题(不同的未找到标志)。

chrome 开发工具显示

当我检查源 css 时应该这样做。

不知道还能尝试什么。