使用 fa-regular 时 FontAwesome font-weight 的问题

Problem with FontAwesome font-weight when using fa-regular

提问人:KaptainM 提问时间:11/3/2023 最后编辑:KaptainM 更新时间:11/3/2023 访问量:32

问:

Chrome 115 和 117(也在 Edge 中) fa-solid 显示正常,但在这里常规显示为方形,当尝试在 DevTool 中使用 font-weight 时,它看起来像浏览器无法显示小于 600 的字体粗细。 帮助 🤞

我希望能够使用所有字体粗细

Angular 字体-真棒

评论


答:

0赞 Torben Schramme 11/3/2023 #1

要更改 FontAwesome 图标的线条粗细,您必须选择正确的字体。这不能通过 来完成。在免费版本中,您只有实心图标。如果您还需要线条较细的图标,付费专业版中提供常规、浅色、细色和双色调样式。 看这里: https://fontawesome.com/docs/web/dig-deeper/stylesfont-weight

评论

0赞 KaptainM 11/3/2023
感谢您的回复。这在免费版和专业版中都会发生。
0赞 Torben Schramme 11/3/2023
你能分享一些CSS / Html是如何使用它的吗?正如我所说,你根本不应该使用。如果您想要线条较细的图标,请使用 CSS 类,例如 而不是font-weightfa-lightfa-solid