Merge pull request #2640 from asfadmin/will/index-html-cleanup

williamh890 · web-flow · commit 96f77aec80dc · 2026-06-15T10:43:14.000-08:00
Cleanup index html
diff --git a/angular.json b/angular.json
@@ -37,7 +37,8 @@
               "./node_modules/cookieconsent/build/cookieconsent.min.css",
               "./node_modules/tippy.js/dist/tippy.css",
               "./node_modules/tippy.js/dist/backdrop.css",
-              "./node_modules/tippy.js/animations/shift-away.css"
+              "./node_modules/tippy.js/animations/shift-away.css",
+              "node_modules/material-icons/iconfont/material-icons.css"
             ],
             "stylePreprocessorOptions": {
               "includePaths": [
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "@angular/platform-browser-dynamic": "^21.2.9",
     "@angular/router": "^21.2.9",
     "@babel/core": "^7.14.2",
+    "@fontsource/roboto": "^5.2.10",
     "@ngrx/component-store": "^21.0.1",
     "@ngrx/effects": "^21.0.1",
     "@ngrx/entity": "^21.0.1",
@@ -60,6 +61,7 @@
     "install": "^0.13.0",
     "intl": "^1.2.5",
     "jwt-decode": "^2.2.0",
+    "material-icons": "^1.13.14",
     "moment": "^2.29.4",
     "moment-range": "^4.0.2",
     "ngx-clipboard": "^15.0.0",
diff --git a/src/index.html b/src/index.html
@@ -12,18 +12,8 @@
       name="Description"
       content="Alaska Satellite Facility: find and download SAR, InSAR, and other data."
     />
-
-    <link
-      href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
-      rel="stylesheet"
-    />
-
-    <!--  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Two+Tone|Material+Icons+Sharp"
-    />
   </head>
+
   <body class="theme-light">
     <!-- NASA Google Tag Manager (noscript) -->
     <noscript
@@ -749,14 +739,6 @@
 
     <app-root></app-root>
 
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined"
-      rel="stylesheet"
-    />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
 
     <script>
@@ -772,6 +754,7 @@
         document.currentScript.after(tophat);
 
         const feedbackScript = document.createElement('script');
+        feedbackScript.async = true;
         feedbackScript.src =
           'https://fbm.earthdata.nasa.gov/for/ASF/feedback.js';
         tophat.after(feedbackScript);
diff --git a/src/styles.scss b/src/styles.scss
@@ -6,6 +6,10 @@
 @use 'ngx-toastr/toastr';
 @import "prismjs/themes/prism-solarizedlight.css";
 
+@import '@fontsource/roboto/300.css';
+@import '@fontsource/roboto/400.css';
+@import '@fontsource/roboto/500.css';
+
 // Apply Angular Material theme styles ONCE here in the global stylesheet
 // Include base theme styles (typography and density) once
 @include mat.all-component-typographies($asf-light-theme);
