image
LP小透明

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

免责声明：网站内容仅供个人学习记录，禁做商业用途，转载请注明出处。

版权所有 © 2017-2020 NEUSNCP个人学习笔记 辽ICP备17017855号-2

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

LP小透明    2020年1月8日 11:20:10

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字体就能正常显示了。
 
最近更新： 2020年1月8日 11:26:10
浏览： 2.1K

[[total]] 条评论

添加评论
  1. [[item.time]]
    [[item.user.username]] [[item.floor]]楼
  2. 点击加载更多……
  3. 添加评论

添加评论 登录后即可回复