[RABB-626] Frontend Optimization : fix font

6f6e3c63 · Makhtar DIAGNE · ca6fa7be · 6f6e3c63 · 6f6e3c63 · 6f6e3c63
Commit 6f6e3c63 authored 4 years ago by Makhtar DIAGNE
--- a/ui/ui-frontend-common/src/sass/_theme.scss
+++ b/ui/ui-frontend-common/src/sass/_theme.scss
@@ -25,6 +25,14 @@ html, body {
    height: 100%;
 }
+@font-face {
+    font-family: 'Roboto', sans-serif;
+    font-style: normal;
+    font-weight: normal;
+    src: local('Roboto'), url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap) format('woff2');
+    font-display: swap;
+}
 body {
    margin: 0;
    font-family: 'Roboto', sans-serif;

--- a/ui/ui-frontend/package-lock.json
+++ b/ui/ui-frontend/package-lock.json
--- a/ui/ui-frontend/projects/demo/src/index.html
+++ b/ui/ui-frontend/projects/demo/src/index.html
@@ -9,7 +9,10 @@
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" as="font" type="font/woff2" crossorigin>
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
 </head>
 <body>
  <demo-root></demo-root>

--- a/ui/ui-frontend/projects/identity/src/index.html
+++ b/ui/ui-frontend/projects/identity/src/index.html
@@ -9,7 +9,9 @@
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" as="font" type="font/woff2" crossorigin>
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
 </head>
 <body>
  <app-root> <!-- selector from app.component.ts -->

--- a/ui/ui-frontend/projects/portal/src/index.html
+++ b/ui/ui-frontend/projects/portal/src/index.html
@@ -9,7 +9,9 @@
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" as="font" type="font/woff2" crossorigin>
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
 </head>
 <body>
  <app-root> <!-- selector from app.component.ts -->

--- a/ui/ui-frontend/projects/portal/src/sass/styles.scss
+++ b/ui/ui-frontend/projects/portal/src/sass/styles.scss
@@ -11,7 +11,6 @@
 body {
    margin: 0;
    color: $charcoal-grey;
-    font-family: 'Roboto', sans-serif;
    background: $pale-grey;
 }