Font Awesome Light 通过 CSS

Chr*_*llo 3 css fonts font-awesome

我有Font Awesome的专业版,它使我可以访问浅色图标。我正在通过 CSS创建图标(例如:地址簿图标),如下所示:

.icon-link::before { content: "\f2bb" }
Run Code Online (Sandbox Code Playgroud)

但是,这仅呈现图标的正常版本,而不是浅色版本。我该怎么做才能完全使用 CSS(甚至 Javascript/JQuery)而不是 HTML来呈现图标的浅色版本?

我对深入研究 HTML 并将(font awesome light)类添加到每个适用对象或父对象或其他任何东西的常见解决方案感兴趣.fal

Chr*_*llo 5

弄清楚了。您必须添加:font-family: "Font Awesome 5 Pro"font-weight: 100(或您想要的任何字体粗细)。