fix: loading fonts

ChristianBeilschmidt · ChristianBeilschmidt · commit dabdb6b7f863 · 2026-03-24T09:05:58.000+01:00
diff --git a/frontend/package.json b/frontend/package.json
@@ -33,6 +33,8 @@
     "@angular/material": "~21.1.3",
     "@angular/platform-browser": "^21.1.0",
     "@angular/router": "^21.1.0",
+    "@fontsource/material-icons": "^5.2.7",
+    "@fontsource/poppins": "^5.2.7",
     "@geoengine/biois": "file:../api-client/typescript",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0"
@@ -42,8 +44,6 @@
     "@angular/cli": "^21.1.3",
     "@angular/compiler-cli": "^21.1.0",
     "@angular/material": "^21.1.3",
-    "@fontsource/material-icons": "^5.2.7",
-    "@fontsource/poppins": "^5.2.7",
     "@vitest/coverage-v8": "^4.0.18",
     "angular-eslint": "21.2.0",
     "eslint": "^9.39.2",
diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -6,7 +6,6 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
   </head>
   <body>
     <app-root></app-root>
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
@@ -2,7 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
 
-import '@fontsource/material-icons';
-import '@fontsource/poppins';
-
 bootstrapApplication(App, appConfig).catch((err) => console.error(err));
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
@@ -6,6 +6,9 @@
 @use '@angular/material' as mat;
 @use '../theme-colors' as themeColors;
 
+@import '@fontsource/poppins';
+@import '@fontsource/material-icons';
+
 html {
   height: 100%;
   @include mat.theme(
