image
LP小透明

当你感到无聊的时候,就去学习,因为一旦你开始认真学习,就会立刻发现比学习有趣的事来打断你的学习

Font Awesome 5 字体不能正常显示的可能原因

LP小透明    2020-01-08 11:20

Font Awesome 5 是一套免费的图形字体,可以用来制作精美的图标。之前的版本4.7现已经停止更新,最新版是5.11.2版。新版的字体比之前的版本更好看了(纯属个人感觉),主要是调整了部分小图标的样式,整体加粗了,为了区分,将原来的 fa 标签改为了 fas 或者 fab 标签。

之前在使用4.7的过程中,一切正常,最近更新了5.11.2, 发现有部分字体显示了 小方块,不能正常显示了。经过一顿排查,发现,新版的字体对font-weight有限制。
.home i {
	font-style: normal;
	/* font-weight: 400; */
}
 
<i class="fas fa-home"></i>

如果遇到上述问题,可以尝试删除 font-weight 的全局定义,这样 font-awesome字体就能正常显示了。
 
Last Modified: 2020-01-08 11:26
Views: 2.0K

[[total]] comments

Post your comment
  1. [[item.time]]
    [[item.user.username]] [[item.floor]]Floor
  2. Click to load more...
  3. Post your comment