[ACS-3967] added open sans font to ACA (#2775)

* added open sans font to ADW

* removed unused fonts

angular.json

@@ -111,7 +111,7 @@
             ],
             "styles": [
               "app/src/assets/fonts/material-icons/material-icons.css",
-              "app/src/assets/fonts/muli/muli.css",
+              "app/src/assets/fonts/OpenSans/OpenSans.css",
               "node_modules/cropperjs/dist/cropper.min.css",
               "app/src/styles.scss"
             ],
@@ -265,7 +265,7 @@
             ],
             "styles": [
               "app/src/assets/fonts/material-icons/material-icons.css",
-              "app/src/assets/fonts/muli/muli.css",
+              "app/src/assets/fonts/OpenSans/OpenSans.css",
               "app/src/styles.scss"
             ],
             "assets": [

app/src/app/content-plugin/ui/custom-theme.scss

@@ -8,13 +8,14 @@ $mat-primary-palette: mat.define-palette($aca-primary-blue, A100);
 $mat-accent-palette: mat.define-palette($aca-accent-green, A200);
 $mat-warn-palette: mat.define-palette($aca-warn, A100);
 
-@include mat.core($alfresco-typography);
+$app-typography: mat.define-typography-config($font-family: 'Open Sans'
+  );
 
-$custom-theme: mat.define-light-theme(
-  $mat-primary-palette,
-  $mat-accent-palette,
-  $mat-warn-palette
-);
+@include mat.core($app-typography);
+
+$custom-theme: mat.define-light-theme($mat-primary-palette,
+    $mat-accent-palette,
+    $mat-warn-palette);
 
 @mixin custom-theme($theme) {
   @include mat.all-component-themes($theme);

app/src/app/content-plugin/ui/variables/font-family.scss

@@ -1 +1 @@
-$default-font-family: "Muli", "Helvetica", "Arial", sans-serif;
+$default-font-family: "Open Sans";

app/src/assets/fonts/OpenSans/OFL.txt

@@ -1,4 +1,4 @@
-Copyright (c) 2016 The Muli Project Authors (contact@sansoxygen.com)
+Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:

app/src/assets/fonts/OpenSans/OpenSans.css

@@ -0,0 +1,65 @@
+/* vietnamese */
+@font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Open Sans Regular'),
+         local('OpenSans-Regular'),
+         url(OpenSans-Regular.ttf) format('truetype');
+    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+  }
+  
+  /* latin-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Open Sans Regular'),
+         local('OpenSans-Regular'),
+         url(OpenSans-Regular.ttf) format('truetype');
+    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+  }
+  
+  /* latin */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Open Sans Regular'),
+         local('OpenSans-Regular'),
+         url(OpenSans-Regular.ttf) format('truetype');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+  }
+  
+  /* vietnamese */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 100;
+    src: local('Open Sans Light'),
+         local('OpenSans-Light'),
+         url(OpenSans-Light.ttf) format('truetype');
+    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+  }
+  
+  /* latin-ext */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 100;
+    src: local('Open Sans Light'),
+         local('OpenSans-Light'),
+         url(OpenSans-Light.ttf) format('truetype');
+    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+  }
+  
+  /* latin */
+  @font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 100;
+    src: local('Open Sans Light'),
+         local('OpenSans-Light'),
+         url(OpenSans-Light.ttf) format('truetype');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+  }

app/src/assets/fonts/muli/muli.css

@@ -1,63 +0,0 @@
-/* vietnamese */
-@font-face {
-    font-family: 'Muli';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Muli Regular'),
-         local('Muli-Regular'),
-         url(Muli-Regular.ttf) format('truetype');
-    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
-    font-family: 'Muli';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Muli Regular'),
-         local('Muli-Regular'),
-         url(Muli-Regular.ttf) format('truetype');
-    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
-    font-family: 'Muli';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Muli Regular'),
-         local('Muli-Regular'),
-         url(Muli-Regular.ttf) format('truetype');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
-  }
-
-/* vietnamese */
-@font-face {
-    font-family: 'Muli';
-    font-style: normal;
-    font-weight: 100;
-    src: local('Muli Light'),
-    local('Muli-Light'),
-    url(Muli-Light.ttf) format('truetype');
-    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
-}
-
-/* latin-ext */
-@font-face {
-    font-family: 'Muli';
-    font-style: normal;
-    font-weight: 100;
-    src: local('Muli Light'),
-    local('Muli-Light'),
-    url(Muli-Light.ttf) format('truetype');
-    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
-    font-family: 'Muli';
-    font-style: normal;
-    font-weight: 100;
-    src: local('Muli Light'),
-    local('Muli-Light'),
-    url(Muli-Light.ttf) format('truetype');
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
-}