Ombi-app · mrwsl · Sep 6, 2022
diff --git a/src/Ombi/ClientApp/src/fonts/MaterialIcons-Regular.woff2 b/src/Ombi/ClientApp/src/fonts/MaterialIcons-Regular.woff2
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.eot b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.eot
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.svg b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.svg
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.ttf b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.ttf
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff2 b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff2
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.eot b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.eot
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.svg b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.svg
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.ttf b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.ttf
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff2 b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff2
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.eot b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.eot
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.svg b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.svg
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.ttf b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.ttf
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff2 b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff2
diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
@@ -1,11 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 
-<head>  
+<head>
     <script type='text/javascript'>window["baseHref"] = '/';</script>
     <base href="/" />
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
     <link id="favicon" rel="icon" type="image/png" href="images/favicon/favicon.ico"/>
     <link rel="apple-touch-icon" type="image/png" href="images/favicon/apple-touch-icon.png"/>
     <meta charset="utf-8" />
@@ -20,12 +18,11 @@
 
     <title>Ombi</title>
 
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
 </head>
 
 <body class="mat-typography my-theme">
 
-      
+
     <app-ombi>
     </app-ombi>
 </body>

diff --git a/src/Ombi/ClientApp/src/styles/Styles.scss b/src/Ombi/ClientApp/src/styles/Styles.scss
@@ -1,5 +1,6 @@
 @import '~@angular/material/theming';
 @import "./variables.scss";
+@import "./fonts.scss";
 // Plus imports for other components in your app.
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
@@ -47,11 +48,11 @@
     .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{
         color: $ombi-active;
     }
-    
+
     .mat-form-field.mat-focused .mat-form-field-label{
         color: $ombi-active;
     }
-    
+
     .mat-input-element{
         caret-color: $ombi-active;
     }
@@ -104,7 +105,7 @@
 
     .mat-tooltip{
         background: $ombi-background-accent;
-    } 
+    }
 
     //Wizard CSS
     .mat-stepper-horizontal, .mat-stepper-vertical{
@@ -177,4 +178,4 @@
 
       .right-buttons {
           float:right;
-      }
+      }
diff --git a/src/Ombi/ClientApp/src/styles/fonts.scss b/src/Ombi/ClientApp/src/styles/fonts.scss
@@ -0,0 +1,54 @@
+/* roboto-300 - latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
+       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-regular - latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-500 - latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
+       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
+       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
+/* material icons */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  //src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+    local('MaterialIcons-Regular'),
+    url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
+    //url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
+    //url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
+}