字体真棒5 Unicode
Font Awesome 5星图标具有<i class="fas fa-star"></i>和<i class="far fa- star"></i>与众不同之处fas ,far，两者都是Unicode，f005现在我想将其用作我的评级系统，首先是常规星，然后单击成为实心星，但是如何fas``far在CSS中定义它呢？
码
input.star:checked ~ label.star:before {
content: '\f005';
color: #e74c3c;
transition: all .25s;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
label.star:before {
content: '\f005';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
与我上面的代码我只会得到坚实的星星
问题答案：
普通 版和 实体 版之间的区别是font-weight。您只需要调整此值即可在两个版本之间切换：
input.star:checked ~ label.star:before {
content: '\f005';
color: #e74c3c;
transition: all .25s;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
label.star:before {
content: '\f005';
font-family: 'Font Awesome 5 Free';
font-weight: 200;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
<input type="checkbox" class="star">
<label class="star"></label>
这是另一个相关的问题，伪元素上的Font Awesome5显示更多[而不是图标显示为正方形
-
问题内容： 可以在Swing应用程序中使用Font Awesome吗？如果可能的话，那么如何将其图标与Swing组件（JButton或JLabel）一起使用。我之前在Primefaces应用程序中使用过Font Awesome。 问题答案： 在http://jiconfont.github.io/尝试jIconFont（Swing或JavaFX） 例：
-
我想静态旋转我的字体图标45度。网站上说： 要任意旋转和翻转图标，请使用fa-roate-*和fa-fllip-*类。 但是, 不起作用，而将替换为起作用。这是否意味着它们实际上不能任意旋转？
-
似乎没有类输入类型'提交'在Font-真棒。是不是可以使用一些类从字体真棒按钮输入？我已经在我的应用程序中的所有按钮上添加了图标（实际上链接到twitter-bootstrap的类btn），但是不能在输入类型提交上添加图标。 或者，如何使用此代码： html: （这是我从HTML中获得的：如何制作一个包含文本图像的提交按钮？）？
-
问题内容： 我有一些看起来像这样的CSS： 我想用Font Awesome中的图标替换图像。 无论如何，我看不到将CSS中的图标用作背景图片。假设在我的CSS之前加载了Font Awesome样式表/字体，是否可以这样做？ 问题答案： 您不能将文本用作背景图像，但是可以使用或伪类将文本字符放置在所需的位置，而不必添加各种杂乱的额外标记。 确保在您的实际文本包装器上进行设置，以便定位。 编辑： Fo
-
问题内容： 如果我直接参考_layouts页面。它会工作 但是我用过。图标未显示。 而且我还观察到浏览器控制台对字体目录有错误。 可能是什么问题呢？ 问题答案： 捆绑时尝试使用： 这会将资产的所有url从css文件内更改为绝对url，因此绑定不会弄乱相对路径。
-
问题内容： 我尝试将插入号向下图标添加到多个选项的第一个选择中，如下图所示： 我无法在上方的小提琴上看到该图标。 以及相应的代码： 问题答案： 您可以简单地将FontAwesome图标添加为所选下拉菜单作为文本。您只需要CSS中的一些东西，FontAwesome CSS和unicode。例如： 单击图标可找到unicode：Fontawesome 更新：从Github问题开始，将multiple属