Add font families

kafka-ui-react-app/src/theme/bulma_overrides.scss

@@ -58,6 +58,7 @@
 }
 
 .is-family-code {
+  font-family: 'Roboto Mono' !important;
   font-size: 0.9rem;
   line-height: 1.5em;
 }

kafka-ui-react-app/src/theme/index.scss

@@ -4,15 +4,15 @@
 @import '~bulma-switch';
 @import 'src/theme/bulma_overrides';
 
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap');
+
 #root,
 body,
 html {
   width: 100%;
   position: relative;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: 'Inter', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background: repeating-linear-gradient(
@@ -33,6 +33,5 @@ html {
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: 'Roboto Mono';
 }