使用Font Awesome 6 Pro时如何使Font Awesome图标变实

问题描述 投票:0回答:1

我有以下伪 CSS 渲染正确的 Font-Awesome 图标,但不是实体图标:

content: "\f0dc";
font-family: 'Font Awesome 6 Pro';
padding-left: 5px;
font-weight: 900;

这会将图标呈现为“常规”=> enter image description here,而不是实体图标。

我需要做什么才能让这些图标呈现为实心图标?

css font-awesome user-experience font-awesome-6
1个回答
0
投票

当在 CSS 中使用 Font Awesome Pro 时,比如说,伪类或其他什么,实体图标是通过

font-weight: bold
实现的:

.something:after {
    content: '\f04b';
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-weight: bold; // <-- THIS
}
© www.soinside.com 2019 - 2024. All rights reserved.