diff --git a/app/soapbox/common.js b/app/soapbox/common.js
index 22146c0e0..6947fd07c 100644
--- a/app/soapbox/common.js
+++ b/app/soapbox/common.js
@@ -3,7 +3,7 @@
import Rails from 'rails-ujs';
export function start() {
- require('font-awesome/css/font-awesome.css');
+ require('fork-awesome/css/fork-awesome.css');
require.context('../images/', true);
try {
diff --git a/app/soapbox/components/home_column_header.js b/app/soapbox/components/home_column_header.js
index aca89888a..80cccb808 100644
--- a/app/soapbox/components/home_column_header.js
+++ b/app/soapbox/components/home_column_header.js
@@ -143,7 +143,7 @@ class ColumnHeader extends React.PureComponent {
-
+
{siteTitle}
diff --git a/app/soapbox/components/icon.js b/app/soapbox/components/icon.js
index 9bf39abf9..8081aac12 100644
--- a/app/soapbox/components/icon.js
+++ b/app/soapbox/components/icon.js
@@ -12,7 +12,7 @@ export default class Icon extends React.PureComponent {
render() {
const { id, className, fixedWidth, ...other } = this.props;
- // Use the font awesome retweet icon, but change its alt
+ // Use the Fork Awesome retweet icon, but change its alt
// tag. There is a common adblocker rule which hides elements with
// alt='retweet' unless the domain is twitter.com. This should
// change what screenreaders call it as well.
diff --git a/app/styles/fonts.scss b/app/styles/fonts.scss
index 2ba14213e..354b9b9a9 100644
--- a/app/styles/fonts.scss
+++ b/app/styles/fonts.scss
@@ -159,8 +159,8 @@
font-style: normal;
}
-.fa-site-icon::before {
- font-family: 'FontAwesome';
+.fa-users::before {
+ font-family: 'ForkAwesome';
content: '\f0c0';
}
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index b613802ed..7eab8edb9 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -739,7 +739,7 @@
display: block;
position: absolute;
content: '\f00c';
- font: normal normal normal 14px/1 FontAwesome;
+ font: normal normal normal 14px/1 ForkAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
diff --git a/package.json b/package.json
index b3892176c..9682ef309 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
"exif-js": "^2.3.0",
"express": "^4.17.1",
"file-loader": "^4.0.0",
- "font-awesome": "^4.7.0",
+ "fork-awesome": "^1.1.7",
"glob": "^7.1.1",
"html-webpack-harddisk-plugin": "^1.0.1",
"html-webpack-plugin": "^4.3.0",
diff --git a/yarn.lock b/yarn.lock
index aee589968..c6908bd86 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5166,11 +5166,6 @@ follow-redirects@^1.0.0:
dependencies:
debug "=3.1.0"
-font-awesome@^4.7.0:
- version "4.7.0"
- resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
- integrity sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=
-
for-in@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -5181,6 +5176,11 @@ forever-agent@~0.6.1:
resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
+fork-awesome@^1.1.7:
+ version "1.1.7"
+ resolved "https://registry.yarnpkg.com/fork-awesome/-/fork-awesome-1.1.7.tgz#1427da1cac3d1713046ee88427e5fcecb9501d21"
+ integrity sha512-IHI7XCSXrKfUIWslse8c/PaaVDT1oBaYge+ju40ihL2ooiQeBpTr4wvIXhgTd2NuhntlvX+M5jYHAPTzNlmv0g==
+
form-data@~2.3.2:
version "2.3.3"
resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"