使用 HTML 手动插入字体

支持
1

你好 :slight_smile:
我试图通过 HTML 添加以下两个符号：:heart: 和 :white_check_mark:。
据我理解，它们是 Font Awesome 的字体，所以我尝试插入：

<i class="fa fa-heart-o"></i>

但这并没有显示字体：

image

它添加了一个大小为 0x0 的元素。正确添加字体的方法是什么？

2

你试过添加一些自定义 CSS 来强制设置大小吗？

3

为什么不使用 Unicode 表情符号呢？

4

这是旧格式。自 2018 年 11 月起，我们已切换至 FontAwesome 的 SVG 图标，现在使用 SVG 语法，而非字体图标 <i> 元素。

5

我已经设法让 Unicode 表情符号生效了，但我猜这并不是最佳方案，原因有二：

  1. 与其他表情符号保持一致。例如，如果我要将表情符号类型从 Windows 10 改为 Apple，那么我也需要在插件中进行相应的更改。
  2. 不确定旧版浏览器是否支持此类字体或 Unicode。

不过，如果单从效率角度考虑，我认为这比使用 SVG 更好。

您介意展示一个简单的使用示例吗？

6

如果您正在将这些图标添加到插件中，核心中提供了工具，可在 Ruby 和 Ember 中使用它们。请参阅 Introducing Font Awesome 5 and SVG icons 以开始。