Implemented in Mock Service

Backend/mocked-services/src/main/resources/static/css/common.css

@@ -1,8 +1,32 @@
 @import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
-@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+/* @import url('https://fonts.googleapis.com/icon?family=Material+Icons'); */
 @import url('r11addons.css');
 @import url('r11tables.css');
 @import url('r11tool.css');
 @import url('r11tooltip.css');
 @import url('r11modal.css');
-@import url('r11flexbox.css')
+@import url('r11flexbox.css');
+
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
+}
+  
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -moz-font-feature-settings: 'liga';
+    -moz-osx-font-smoothing: grayscale;
+}
+  

Backend/mocked-services/src/main/resources/static/css/r11tool.css

@@ -1,4 +1,7 @@
-@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap');
+@font-face {
+    font-family: "Nunito";
+    src: url('font/Nunito-VariableFont_wght.ttf') format('truetype');
+}
 
 input {
     box-sizing: border-box;
@@ -98,7 +101,7 @@ body {
 
 .clickable-text.switch {
     font-size: 18px;
-    font-weight: 700;
+    font-weight: 300;
 }
 
 .clickable-text.switch span.toggleIndicator:before {
@@ -295,6 +298,20 @@ body {
     display: none;
 }
 
+h1 {
+    font-weight: 400;
+}
+
+h2 {
+    font-weight: 400;
+}
+
+h3 {
+    font-weight: 400;
+}
+
+
+
 /* TODO: Add proper class */
 /* textarea {
 	-webkit-box-sizing: border-box;