Closes #23438: Upgrade to Inter 4 via Fontsource, and serve the icon font as WOFF2 only

Replace the deprecated typeface-inter (3.18.1) and typeface-roboto-mono
(1.1.13) packages with @fontsource-variable/inter and
@fontsource-variable/roboto-mono (5.3.0). These provide Inter 4 and
Roboto Mono as WOFF2 variable fonts split into unicode-range subsets,
with upright and italic weight axes. Update the font stacks to the family
names Fontsource registers, and add a generic fallback to the monospace
stack.

Build Material Design Icons from the package's SCSS partials with a
single WOFF2 @font-face, dropping the EOT, WOFF and TTF files that only
legacy browsers need. All 7,461 mdi-* classes remain available.

Remove the build's loaders for .eot, .woff and .ttf files, which are no
longer referenced, so that reintroducing one fails the build.

Rebuild dist/: 71 font files are replaced by 27, shrinking it from 14 MB
to 5.9 MB.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

netbox/project-static/build.mjs

@@ -70,7 +70,7 @@ async function buildStyles() {
         silenceDeprecations: ['import'],
       }),
     ],
-    loader: { '.eot': 'file', '.woff': 'file', '.woff2': 'file', '.svg': 'file', '.ttf': 'file' },
+    loader: { '.woff2': 'file', '.svg': 'file' },
   });
 }
 

netbox/project-static/package-lock.json

@@ -7,6 +7,8 @@
       "name": "netbox",
       "license": "Apache-2.0",
       "dependencies": {
+        "@fontsource-variable/inter": "5.3.0",
+        "@fontsource-variable/roboto-mono": "5.3.0",
         "@graphiql/plugin-explorer": "4.0.6",
         "@mdi/font": "7.4.47",
         "@popperjs/core": "2.11.8",
@@ -22,9 +24,7 @@
         "query-string": "9.5.1",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "tom-select": "2.6.2",
-        "typeface-inter": "3.18.1",
-        "typeface-roboto-mono": "1.1.13"
+        "tom-select": "2.6.2"
       },
       "devDependencies": {
         "@eslint/js": "10.0.1",
@@ -734,6 +734,24 @@
       "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==",
       "license": "MIT"
     },
+    "node_modules/@fontsource-variable/inter": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.3.0.tgz",
+      "integrity": "sha512-OupL48va4JNofb97w6NYeF9S7W/kHNKM0Er8Dem5nqi4jeOLrVJDoE8tZEpnMJmtkvNbB1EIPPwHcdkF6b1oUA==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource-variable/roboto-mono": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/roboto-mono/-/roboto-mono-5.3.0.tgz",
+      "integrity": "sha512-h5r+KY/6qy8JEOj33JgcrFO81YAnvrc1EAwMpl/EPJLb2OIvOy0/jmB5M7qs7x/uXk5JUP5Ux4LrkeOK7faHkQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@graphiql/plugin-doc-explorer": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/@graphiql/plugin-doc-explorer/-/plugin-doc-explorer-0.2.2.tgz",
@@ -4561,18 +4579,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/typeface-inter": {
-      "version": "3.18.1",
-      "resolved": "https://registry.npmjs.org/typeface-inter/-/typeface-inter-3.18.1.tgz",
-      "integrity": "sha512-c+TBanYFCvmg3j5vPk+zxK4ocMZbPxMEmjnwG7rPQoV87xvQ6b07VbAOC0Va0XBbbZCGw6cWNeFuLeg1YQru3Q==",
-      "license": "OFL-1.1"
-    },
-    "node_modules/typeface-roboto-mono": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/typeface-roboto-mono/-/typeface-roboto-mono-1.1.13.tgz",
-      "integrity": "sha512-pnzDc70b7ywJHin/BUFL7HZX8DyOTBLT2qxlJ92eH1UJOFcENIBXa9IZrxsJX/gEKjbEDKhW5vz/TKRBNk/ufQ==",
-      "license": "MIT"
-    },
     "node_modules/typescript": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",