时间戳

首页 > 解决方案 > 字体真棒包 - 没有得到正确的图标

css - 字体真棒包 - 没有得到正确的图标

问题描述

嗨，我正在尝试将图标的样式从内部有空白空间的星形更改为全星形，但我不能只在之前和之后进行

.survery-test label:after {
  content: '\f005';
  font-family: fontAwesome;}

问题是我无法将图标的样式更改为全星，它在字体真棒上是免费的，我无法像在课堂上那样更改它。

解决方案：

我通过 bootstrap 使用了另一个Fontawesome CDN

标签： cssfont-awesome

解决方案

你将不得不改变content你的班级

.survery-test label:after {
  content: '\f005';
  font-family: fontAwesome;
}

.survery-test.empty label:after {
  content: '\f006';
  font-family: fontAwesome;
}
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


<div class="survery-test">
  <label></label>
</div>

<div class="survery-test empty">
  <label></label>
</div>

推荐阅读