fontawesome添加元素样式

Question

当我将font-family: FontAwesome;添加到我的CSS时，它会将以下内容添加到我的样式中：

element.style {
border-bottom-width: 7px;
border-bottom-style: solid;
border-bottom-color: red;
color: rgb(255, 0, 0);
}

这是我的样式表：

.addfavorite {
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid gray;
}

.star {
    font-size: 20px;
    font-family: FontAwesome;
    padding-right: 5px;
    border-bottom-width: 0px!important;
}

.addfavorite span.star:before {
    content: "\f006";
    color: #999999;
}

.addfavorite span.star:hover:before, .addfavorite span.star:hover~span.star:before {
    content: "\f005";
    color: #e3cf7a;
}

当我删除font-family: FontAwesome;时，风格消失了，但当然，我失去了我的明星。

我已添加border-bottom-width: 0px!important作为临时修复，但不喜欢它仍然“存在”的事实。

Html如下：

<div class="addfavorite"><span class="star"></span> Add To Favorites</div>

有什么想法吗？谢谢！