Package & serve Google fonts locally

netbox/project-static/package.json

@@ -34,7 +34,9 @@
     "just-debounce-it": "^3.1.1",
     "query-string": "^7.1.1",
     "sass": "^1.55.0",
-    "slim-select": "^1.27.1"
+    "slim-select": "^1.27.1",
+    "typeface-inter": "^3.18.1",
+    "typeface-roboto-mono": "^1.1.13"
   },
   "devDependencies": {
     "@types/bootstrap": "5.2.10",

netbox/project-static/styles/_variables.scss

@@ -1,8 +1,9 @@
 // Global variables
 
 // Set base fonts
-$font-google: 'Inter';
+$font-family-base: 'Inter';
-$font-google-monospaced: 'Roboto Mono';
+// See https://github.com/tabler/tabler/issues/1812
+$font-family-monospace: 'Roboto Mono';
 
 // Set the navigation sidebar width
 $sidebar-width: 18rem;

netbox/project-static/styles/external.scss

@@ -2,3 +2,7 @@
 @import '../node_modules/@mdi/font/css/materialdesignicons.min.css';
 @import '../node_modules/flatpickr/dist/flatpickr.min.css';
 @import 'gridstack/dist/gridstack.min.css';
+
+// Fonts
+@import url("../node_modules/typeface-inter/inter.css");
+@import url("../node_modules/typeface-roboto-mono/index.css");