我可以覆盖现有的 Font Awesome CSS 图标吗?
Can I Override An Existing Font Awesome CSS Icon?
我正在尝试更改在应用 CSS 中创建的现有 Font Awesome 图标。我无法更改应用程序或它已经存在的 CSS,但我可以添加另一个 CSS 文件。我希望在那个我可以编辑的文件中,我能够更改其中一个已经存在的图标。
我正在尝试更改此处的图标:
http://test.archivesspace.org/repositories/14
我想将 fa-file-image-o
和 fa-files-o
更改为我可以添加到此应用程序的不同 CSS 文件中的任何其他 Font Awesome 图标 我是 运行 在另一个网站上。是否可以通过将图标添加到单独的 CSS 文件中来更改这样的图标?
只需将图标的代码更改为使用伪元素内容的新图标即可。
这是我使用此图标 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>
我正在尝试更改在应用 CSS 中创建的现有 Font Awesome 图标。我无法更改应用程序或它已经存在的 CSS,但我可以添加另一个 CSS 文件。我希望在那个我可以编辑的文件中,我能够更改其中一个已经存在的图标。
我正在尝试更改此处的图标:
http://test.archivesspace.org/repositories/14
我想将 fa-file-image-o
和 fa-files-o
更改为我可以添加到此应用程序的不同 CSS 文件中的任何其他 Font Awesome 图标 我是 运行 在另一个网站上。是否可以通过将图标添加到单独的 CSS 文件中来更改这样的图标?
只需将图标的代码更改为使用伪元素内容的新图标即可。
这是我使用此图标 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>