Changed font link

2025-11-07 09:57:14 +01:00
parent f95147da54
commit 82c12b3b0d
2 changed files with 9 additions and 1 deletions
--- a/src/index.html
+++ b/src/index.html
@@ -8,7 +8,7 @@
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1,wght@100..700" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap" rel="stylesheet">
 </head>
 <body>
  <app-root></app-root>
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -43,6 +43,14 @@ body {
  transition: background-color 220ms ease, color 220ms ease;
 }

+.material-symbols-outlined {
+  font-variation-settings:
+    "FILL" 0,   /* 0 oder 1 */
+    "wght" 400, /* 100..700 */
+    "GRAD" 0,   /* -50..200 */
+    "opsz" 24;  /* 20..48 */
+}
+
 /* smooth transition between theme change */
 .mat-toolbar,
 .mat-mdc-card,