我可以覆盖现有的字体超赞CSS图标吗？

Question

我正在尝试更改在应用程序CSS中创建的现有Font Awesome Icon。我无法更改应用程序或已存在的CSS，但是可以添加另一个CSS文件。我希望我可以编辑该文件，以便能够更改已经存在的图标之一。

我正在尝试在此处更改图标

http://test.archivesspace.org/repositories/14

我想将fa-file-image-o和fa-files-o更改为另一个CSS文件中的任何其他Font Awesome Icon，我可以将其添加到正在另一个站点上运行的此应用程序中。是否可以通过在单独的CSS文件中添加图标来更改图标？

Answer 1

使用伪元素的内容简单地用新图标更改代码。

在此示例中，我使用此图标https://fontawesome.com/v4.7.0/icon/ban替换了旧的图标：

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >
<style>
.fa-file-image-o:before {
  content:"\f05e";
}
</style>

<i class="fa fa-file-image-o fa-4x"></i>

Font Awesome 5具有相同的逻辑

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" >
<style>
.fa-user:before {
  content:"\f05e";
}
</style>

<i class="fas fa-user fa-4x"></i>