我拥有Font Awesome的专业版，可以使用轻样式图标。我通过CSS创建图标（例如：地址簿图标）如下：
.icon-link::before { content: "\f2bb" }
然而，这只呈现图标的正常版本，而不是浅色版本。我该怎么做，完全使用CSS（甚至是Javascript/JQuery），但不是HTML，来呈现图标的浅色版本？
我不想采用常见的解决方案，即深入HTML并将
.fal（font awesome light）类添加到每个适用的对象或父级等。通过CSS使用Font Awesome Light
3
然而，这只呈现图标的正常版本，而不是浅色版本。我该怎么做，完全使用CSS（甚至是Javascript/JQuery），但不是HTML，来呈现图标的浅色版本？
我不想采用常见的解决方案，即深入HTML并将
- Christopher Costello
4
1你是否已经将正确的CSS文件导入到HTML中？此外，我认为在使用before关键字时应该有两个冒号，除非你正在使用IE8。".icon-link::before"。在内容之前，你的CSS中也可能需要加上"font-family: FontAwesome;"。 - Smitty-Werben-Jager-Manjenson
嗨，保罗。你关于冒号的说法是正确的。我会进行更正。将哪个正确的文件放入我的HTML中？如果只是在CSS中加入“font-family: FontAwesome;”，如何使文本变得轻盈，而不是选择轻盈？也许我想让一些图标变得轻盈，而另一些则是普通或粗体。 - Christopher Costello
在 HTML 的 head 标签中使用 "<link rel="stylesheet" href="yourCSSFileLocationOrURL.css">"。当您购买图标时，他们是否提供了一个可下载的 CSS 文件或者一个可以引用的链接？ - Smitty-Werben-Jager-Manjenson
是的。我已经附上了他们提供的样式表。问题是我无法在“浅色”模式下显示图标。 - Christopher Costello
1个回答
5
搞定了。你需要添加： font-family: "Font Awesome 5 Pro" 和 font-weight: 100（或者任何你想要的字重）。
- Christopher Costello
3
1回答你的另一个问题，这就是为什么你需要添加字体族名称，哈哈。 - Smitty-Werben-Jager-Manjenson
我正在尝试减小这里加号的粗细。我尝试添加fontFamily和fontWeight，但似乎没有起作用。你能看一下吗？https://snack.expo.io/@lindapaiste/022490 - user13101751
这个答案部分是错误和误导性的。FontAwesome字体的重量是通过字体样式regular、light或solid来完成的，而不是font-weight参数。 - mcantsin
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接