Use SCSS variable for FA font name (#1176)

google · Aug 16, 2022 · 6df4c07 · 6df4c07
1 parent d26d885
commit 6df4c07
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss
@@ -121,7 +121,7 @@
             font-variant: normal;
             text-rendering: auto;
             -webkit-font-smoothing: antialiased;
-            font-family: "Font Awesome 6 Free";
+            font-family: $font-awesome-font-name;
             font-weight: 900;
             content: "\f0d9";
             padding-left: 0.5em;
@@ -173,7 +173,7 @@ nav.foldable-nav {
         font-variant: normal;
         text-rendering: auto;
         -webkit-font-smoothing: antialiased;
-        font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0da";
+        font-family: $font-awesome-font-name; font-weight: 900; content: "\f0da";
         position: absolute;
         left: 0.1em;
         padding-left: 0.4em;

diff --git a/assets/scss/_search.scss b/assets/scss/_search.scss
@@ -14,7 +14,7 @@
         border-radius: 1rem;
     }
 
-    font-family: "Font Awesome 6 Free", $font-family-base;
+    font-family: $font-awesome-font-name, $font-family-base;
 }
 
 .popover.offline-search-result {

diff --git a/assets/scss/_taxonomy.scss b/assets/scss/_taxonomy.scss
@@ -207,7 +207,7 @@
     font-variant: normal;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
-    font-family: "Font Awesome 6 Free";
+    font-family: $font-awesome-font-name;
     // font-weight: 900;
     padding-right: 0.5em;
     font-size: 2em;
@@ -298,7 +298,7 @@
   font-variant: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
-  font-family: "Font Awesome 6 Free";
+  font-family: $font-awesome-font-name;
   content: "\f02d";
   padding-right: 0.5em;
 }
@@ -309,7 +309,7 @@
   font-variant: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
-  font-family: "Font Awesome 6 Free";
+  font-family: $font-awesome-font-name;
   content: "\f781";
   padding-right: 0.5em;
 }
@@ -325,7 +325,7 @@
     font-variant: normal;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
-    font-family: "Font Awesome 6 Free";
+    font-family: $font-awesome-font-name;
     content: "\f122";
     padding-right: 0.5em;
   }

diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
@@ -63,6 +63,7 @@ $link-hover-decoration: none !default;
 $google_font_name: "Open Sans" !default;
 $google_font_family: "Open+Sans:300,300i,400,400i,700,700i" !default;
 $web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}&display=swap";
+$font-awesome-font-name: "Font Awesome 6 Free" !default;
 
 $td-fonts-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";