问题标签 [font-awesome-5]

我们为 font-awesome 5 做出了贡献（是的），我们正在从现有的图标（符号集）转移到 font-awesome。图标的命名和 font-awesome 5 的使用是否会向后兼容 font-awesome 4.7？

IE: Should we go to 4.7 now, and have very easy upgrade to 5.0? OR should we hold off until font-awesome 5 comes out?

我已经构建了我的 Angular2 应用程序，一切正常。现在我包含了 font-awesome，当我捆绑应用程序时，它给出了图片中显示的错误。无法加载 woff 和 woff2 文件。我的风格如下所示 -

我让 Font Awesome 5 可以使用：

但是设置 i 标签的样式没有任何效果。所以我尝试使用网络字体：

它奏效了。但我不应该使用 svg 框架吗？我不是 Font Awesome 传统主义者。你能用不同的颜色、大小和旋转来设计字体吗？

我希望能够在使用新的 FontAwesome SVG 框架时在 Javascript 中的图标之间切换。

以前在旧的 WebFont 方法中，这是通过切换或更改标签上的类来实现的，但是由于这些现在在源代码中呈现为 SVG，这不再有效。

有没有一种方法可以做到这一点，而无需在源代码中渲染两个 SVG 图标并使用其他类/CSS 来切换显示？

我正在尝试通过单击待办事项列表项来切换 Font Awesome 图标。这是整个组件...

这是我的 FA 5 CDN（直接来自网站）...

我已经截取了一些 React 开发工具和检查器的屏幕截图......

这是不完整的 React 组件（默认）

在完成的同时...

检查器中的两个图标元素，我注意到默认情况下未使用的元素被注释掉了。

如您所见，我可以在 React 工具中手动切换完整状态和组件更改，但不会呈现更改。我更改了默认状态以确保两个图标都正确加载并且它们是正确的。我制作了一个Codepen以在不同的环境中尝试它，这个可以工作，但我使用的是 FA 4.7.0 CDN。使用 Codepen 和 FA 4.7.0，当我检查图标时，它只是一个 HTML 元素而不是 SVG。

我想让这个组件与 FA 5 一起工作，所以任何帮助都将不胜感激！

我在 PowerPoint 2010 上遇到了与几个月前在superuser.com上的 FontAwesome 用户发布的完全相同的问题，但没有收到任何响应。

引用该用户的话：

“我已经在我的计算机（Windows 10 Pro，64 位）上安装了 FontAwesome，我一直在尝试在 PowerPoint 2013 演示文稿中使用它，但没有成功。

问题是，如果我创建一个新的演示文稿，字体可以正常工作（即使我可以复制和粘贴备忘单的图标，它也可以工作）。但是，在这个已经创建的演示文稿中，如果我复制并粘贴图标，它们会显示为空格或正方形。

我尝试在保存文档时取消选中“嵌入字体”，我尝试卸载并再次安装字体，重新启动计算机，清除 Windows 字体缓存......它们都不起作用。

如果我创建一个新的 PowerPoint 并复制和粘贴幻灯片，我在新的 PowerPoint 中遇到了同样的问题：字体不起作用。”

这是一个非常基本的问题，因为除非它被修复，否则使用 Font Awesome 作为我们公司的标准图标包是不切实际的。

我正在从 FA4 过渡到 FA5，并且我的一些旧代码不再有效。当Bootstrap4 Collapse 组件被触发

时，我之前使用下面的代码从向下箭头转换为向右箭头。现在我使用的是 SVG-JS FA5，它不再能够更改图标。我很欣赏图标代码已经改变，但这在这种情况下并没有什么不同。

任何想法如何在触发折叠组件时轻松自动更改 FA5 图标？我可以用 JQuery 暴力破解它，但它会很难看，我认为有更好的方法可用。

谢谢斯蒂芬

我试图通过 webpack 仅捆绑所需的 Font Awesome 5 图标，但这些图标不会在 DOM 中被替换。

1. 我已经从文档中添加了所有必需的包：

   /li>

2. 包含以下自定义 JS：

   /li>

3. HTML 模板：

   /li>

svg 路径在捆绑的 JS 文件中，但我不知道需要调用哪个方法。

下面的 JS 代码解决了这个问题（从 v5.0.2 开始）：

在 font awesome 4 中，您可以使用 CSS 轻松地将图标应用于 :before/:after 元素。

新字体 awesome 5 JS/SVG 实现是否也可以实现？据我所见，这需要相关标签存在于 html 中，这并不总是可行的，例如您有一个 CMS 并希望将图标应用于所有用户创建的内容<li>元素

我知道在 FA5 中你仍然可以使用旧的 css/webfonts 但是如果在推荐的使用 JS 的方法中可以使用相同的功能会很好

我有一个第三方函数，它将 CSS 作为string. 我的 webpack 包中需要这个 CSS。

我创建了一个新插件：

这会产生一个名为fontawesome.css包含 CSS 的新资产。我可以将这个文件链接到我的主包旁边，但我宁愿将所有 CSS 放在一个文件中。

我如何将新的 CSS 插入到我已经创建的包中（使用extract-text-webpack-plugin）...？