Могу ли я переопределить существующий шрифт Awesome CSS Icon?

Question

Я пытаюсь изменить существующий значок Font Awesome, который создается в CSS приложения.Я не могу изменить приложение или CSS, который у него уже есть, но я могу добавить другой файл CSS.Я надеюсь, что в этом файле, который я смогу отредактировать, я могу изменить один из значков, которые уже есть.

Я пытаюсь изменить значки здесь:

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

Я хочу изменить fa-file-image-o и fa-files-o на любой другой значок Font Awesome Icon в другом файле CSS, который я могу добавить в это приложение, которое я запускаю на другом сайте.Можно ли изменить значок таким образом, добавив его в отдельный файл 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>