Switch to Font Awesome 6 (Free)

assets/sass/components/_icon.scss

@@ -13,12 +13,15 @@
 		position: relative;
 		text-align: center;
 
+		font: var(--fa-font-regular);
+
 		> .label {
 			display: none;
 		}
 
 		&:before {
 			line-height: inherit;
+			content:var(--fa);
 		}
 
 		&.solid {
@@ -29,7 +32,7 @@
 
 		&.brands {
 			&:before {
-				font-family: 'Font Awesome 5 Brands';
+				font: var(--fa-font-brands);
 			}
 		}
 

assets/sass/libs/_mixins.scss

@@ -22,15 +22,13 @@
 		text-transform: none !important;
 
 		@if ($category == brands) {
-			font-family: 'Font Awesome 5 Brands';
+			font: var(--fa-font-brands);
 		}
 		@elseif ($category == solid) {
-			font-family: 'Font Awesome 5 Pro';
-			font-weight: 900;
+			font: var(--fa-font-solid);
 		}
 		@else {
-			font-family: 'Font Awesome 5 Pro';
-			font-weight: 400;
+			font: var(--fa-font-regular);
 		}
 
 	}

exampleSite/layouts/partials/footer.html

@@ -8,8 +8,8 @@
             {{ with .Site.Params.social.linkedin }}<li><a target="_blank" href="{{.}}" class="icon brands style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>{{end}}
             {{ with .Site.Params.social.email }}<li><a target="_blank" href="mailto:{{.}}" class="fav icon style2 fa-envelope"><span class="label">Email</span></a></li>{{end}}
         </ul>
-        <p>Hugo Story &copy; 2020 <a target="_blank" href="https://github.com/caressofsteel/">CaressOfSteel</a><span class="footerspacer icon fa-diamond"></span>
-            Ported from <a target="_blank" href="https://html5up.net/uploads/demos/story/">Story</a> by HTML5UP<span class="footerspacer icon fa-diamond"></span>
+        <p>Hugo Story &copy; 2020 <a target="_blank" href="https://github.com/caressofsteel/">CaressOfSteel</a><span class="footerspacer icon solid fa-diamond"></span>
+            Ported from <a target="_blank" href="https://html5up.net/uploads/demos/story/">Story</a> by HTML5UP<span class="footerspacer icon solid fa-diamond"></span>
             Images courtesy of <a target="_blank" href="https://unsplash.com">Unsplash</a></p>
 </div>
 </footer>

layouts/partials/footer.html

@@ -8,8 +8,8 @@
             {{ with .Site.Params.social.linkedin }}<li><a target="_blank" href="{{.}}" class="icon brands style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>{{end}}
             {{ with .Site.Params.social.email }}<li><a target="_blank" href="mailto:{{.}}" class="fav icon style2 fa-envelope"><span class="label">Email</span></a></li>{{end}}
         </ul>
-        <p>Hugo Story &copy; 2020 <a target="_blank" href="https://github.com/caressofsteel/">CaressOfSteel</a><span class="footerspacer icon fa-diamond"></span>
-            Ported from <a target="_blank" href="https://html5up.net/uploads/demos/story/">Story</a> by HTML5UP<span class="footerspacer icon fa-diamond"></span>
+        <p>Hugo Story &copy; 2020 <a target="_blank" href="https://github.com/caressofsteel/">CaressOfSteel</a><span class="footerspacer icon solid fa-diamond"></span>
+            Ported from <a target="_blank" href="https://html5up.net/uploads/demos/story/">Story</a> by HTML5UP<span class="footerspacer icon solid fa-diamond"></span>
             Images courtesy of <a target="_blank" href="https://unsplash.com">Unsplash</a></p>
 </div>
 </footer>