【发布时间】：2018-09-14 10:36:21
【问题描述】：
我有Font Awesome 的专业版，它可以让我访问浅色图标。我正在通过 CSS 创建图标（例如：address book icon），如下所示：
.icon-link::before { content: "\f2bb" }
但是，这只呈现普通版本的图标，而不是轻量版。完全使用 CSS（甚至 Javascript/JQuery）但不是 HTML，我可以做些什么来呈现图标的轻量版？
我不对深入研究 HTML 并将 .fal（字体真棒灯光）类添加到每个适用对象或父对象或其他任何东西的通用解决方案感兴趣。
【问题讨论】：
-
您是否将正确的 CSS 文件导入到 HTML 中？另外，我认为除非您使用的是 IE8，否则在使用 before 关键字时应该有 2 个冒号。 “.icon-link::before”。您可能还需要“font-family: FontAwesome;”在你的 CSS 内容之前。
-
嗨，保罗。你是对的冒号。我会改正的。放入我的 HTML 的正确文件是什么？以及如何放置“font-family：FontAwesome;”进入CSS使文本变亮，而不选择亮？也许我希望我的一些图标是浅色的，而另一些是正常的或粗体的。
-
在 HTML 的头部使用“”。当您购买这些图标时，它们是否给您提供了可供下载的 CSS 文件或您可以参考的链接？
-
是的。我附上了他们提供的样式表。问题是我无法让图标以“轻”模式显示。
标签： css fonts font-awesome