thelounge · astorije · Oct 27, 2018 · Sep 23, 2018
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -10,7 +10,9 @@
 	<meta name="description" content="{{ site.description }}">
 
 	<link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap.css">
-	<link rel="stylesheet" href="{{ site.baseurl }}/css/font-awesome.min.css">
+	<link rel="stylesheet" href="{{ site.baseurl }}/css/fontawesome/solid.min.css">
+	<link rel="stylesheet" href="{{ site.baseurl }}/css/fontawesome/brands.min.css">
+	<link rel="stylesheet" href="{{ site.baseurl }}/css/fontawesome/fontawesome.min.css">
 	<link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
 
 	</head>
@@ -26,7 +28,7 @@
 				<li><a href="/docs">Documentation</a></li>
 				<li><a href="https://www.npmjs.com/search?q=keywords%3Athelounge-theme">Themes</a></li>
 				<li><a href="https://github.com/thelounge" title="GitHub Organization for The Lounge">
-					<i class="fa fa-github fa-2x" aria-hidden="true"></i>
+					<i class="fab fa-github fa-lg" aria-hidden="true"></i>
 				</a></li>
 			</ul>
 		</div>

diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css
diff --git a/css/fontawesome/brands.min.css b/css/fontawesome/brands.min.css
diff --git a/css/fontawesome/fontawesome.min.css b/css/fontawesome/fontawesome.min.css
diff --git a/css/fontawesome/solid.min.css b/css/fontawesome/solid.min.css
diff --git a/css/style.css b/css/style.css
@@ -81,9 +81,6 @@ pre code {
 	font-weight: 700;
 	color: inherit;
 }
-#nav a i.fa {
-	line-height: 50px;
-}
 #nav a:hover {
 	color: #fff;
 }
@@ -289,7 +286,15 @@ h3:hover a.link-anchor {
 }
 
 a.link-anchor {
-	padding-right: 25px;
+	padding-right: 10px;
 	position: absolute;
-	margin-left: -25px;
+	margin-left: -30px;
+}
+
+/*
+ * For some reason, Font Awesome 5 icons do not keep their expected weight,
+ * which messes up with, for example, the GitHub icon.
+ */
+.fab, .fas {
+	font-weight: normal;
 }
diff --git a/css/webfonts/fa-brands-400.eot b/css/webfonts/fa-brands-400.eot
diff --git a/css/webfonts/fa-brands-400.svg b/css/webfonts/fa-brands-400.svg
diff --git a/css/webfonts/fa-brands-400.ttf b/css/webfonts/fa-brands-400.ttf
diff --git a/css/webfonts/fa-brands-400.woff b/css/webfonts/fa-brands-400.woff
diff --git a/css/webfonts/fa-brands-400.woff2 b/css/webfonts/fa-brands-400.woff2
diff --git a/css/webfonts/fa-solid-900.eot b/css/webfonts/fa-solid-900.eot
diff --git a/css/webfonts/fa-solid-900.svg b/css/webfonts/fa-solid-900.svg
diff --git a/css/webfonts/fa-solid-900.ttf b/css/webfonts/fa-solid-900.ttf
diff --git a/css/webfonts/fa-solid-900.woff b/css/webfonts/fa-solid-900.woff
diff --git a/css/webfonts/fa-solid-900.woff2 b/css/webfonts/fa-solid-900.woff2
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot
diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
diff --git a/js/main.js b/js/main.js
@@ -30,7 +30,7 @@
 	$("#main h2, #main h3").each(function() {
 		$(this).prepend($(
 			`<a class="link-anchor" href="#${$(this).attr("id")}">` +
-				'<i class="fa fa-link" aria-hidden="true"></i>' +
+				'<i class="fas fa-link" aria-hidden="true"></i>' +
 			'</a>'
 		));
 	});