diff --git a/frontend/package.json b/frontend/package.json
index 2437bc1..05b0b96 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -8,6 +8,7 @@
         "@rehooks/local-storage": "^2.4.0",
         "clipboard-copy": "^3.1.0",
         "fireworks": "^2.2.6",
+        "fontsource-roboto": "^3.0.3",
         "lodash": "^4.17.20",
         "material-ui-dropzone": "^3.5.0",
         "myzod": "^1.1.0",
@@ -17,8 +18,7 @@
         "react-fast-compare": "^3.2.0",
         "react-hook-form": "^6.9.2",
         "react-scripts": "^3.4.3",
-        "react-use-websocket": "^2.2.0",
-        "typeface-roboto": "^0.0.75"
+        "react-use-websocket": "^2.2.0"
     },
     "devDependencies": {
         "@testing-library/dom": "^7.24.5",
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 320592b..2b96b05 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -1,4 +1,7 @@
-import 'typeface-roboto';
+import 'fontsource-roboto/300.css';
+import 'fontsource-roboto/400.css';
+import 'fontsource-roboto/500.css';
+import 'fontsource-roboto/700.css';
 
 import { createMuiTheme, CssBaseline, IconButton, responsiveFontSizes, ThemeProvider } from '@material-ui/core';
 import { Brightness4, Brightness7 } from '@material-ui/icons';
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index ef83a1e..352f873 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4946,6 +4946,11 @@ follow-redirects@^1.0.0:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
   integrity sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==
 
+fontsource-roboto@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/fontsource-roboto/-/fontsource-roboto-3.0.3.tgz#99c312babeabce22b3e933b3edf2951d4508f4f7"
+  integrity sha512-kfsC9qAP6XhwnSDAhg2lhWeaUJfLGXZh7GcLxFiz/4lXdkV2pVhWv2Xp9ES3b3BHdc9UuPrWXXLOphzHIStcOw==
+
 for-in@^0.1.3:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
@@ -10668,11 +10673,6 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typeface-roboto@^0.0.75:
-  version "0.0.75"
-  resolved "https://registry.yarnpkg.com/typeface-roboto/-/typeface-roboto-0.0.75.tgz#98d5ba35ec234bbc7172374c8297277099cc712b"
-  integrity sha512-VrR/IiH00Z1tFP4vDGfwZ1esNqTiDMchBEXYY9kilT6wRGgFoCAlgkEUMHb1E3mB0FsfZhv756IF0+R+SFPfdg==
-
 typescript@4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.0.3.tgz#153bbd468ef07725c1df9c77e8b453f8d36abba5"