Font Awesome 5一些糟糕的Unicode字符

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Font Awesome 5一些糟糕的Unicode字符相关的知识,希望对你有一定的参考价值。

我看到新的fontAwesome 5有一些奇怪的行为;有些图标似乎显示得很好,而其他图标看起来好像是坏的unicode字符:

Bad FontAwesome 5 characters

它似乎与This SO post类似的问题,除了我没有使用Ruby on Rails。这里的另一个不同之处是我尝试在fontawesome-all.css中添加完整路径(而不是使用的相对路径),没有任何变化。

码:

<i class="far fa-chart-pie fa-fw" aria-hidden="true"></i> <!-- doesn't show -->
<i class="far fa-id-card fa-fw" aria-hidden="true"></i> <!-- shows -->

参考<head>中的css:

<link rel="stylesheet" href="/res/plugins/Font-Awesome/5.0.2/web-fonts-with-css/css/fontawesome-all.css">
答案

我假设你没有专业版许可证。

要使用图表饼的常规主题,您需要专业版许可证,而不需要常规版本的身份证。

<i class="far fa-id-card"></i>
<i class="fas fa-chart-pie"></i>

只需查看https://fontawesome.com/icons官方字体真棒网站,然后查看是否可以从右侧菜单中选择常规。有些图标没有免费的此选项。你需要使用“fas”css类而不是“far”类。

以上是关于Font Awesome 5一些糟糕的Unicode字符的主要内容,如果未能解决你的问题,请参考以下文章

text 使用Font Awesome 5

php Enqueue Font Awesome 5

html Font Awesome 5.0.13 CDN

php 如何在WordPress中加载Font Awesome 5

如何在 Laravel 6 中使用 Font Awesome 5 图标

在输入占位符文本中使用 Font Awesome (5) 图标