diff --git a/web/public/fonts/Roboto-Black.ttf b/web/public/fonts/Roboto-Black.ttf
new file mode 100644
index 0000000..d51221a
Binary files /dev/null and b/web/public/fonts/Roboto-Black.ttf differ
diff --git a/web/public/fonts/Roboto-BlackItalic.ttf b/web/public/fonts/Roboto-BlackItalic.ttf
new file mode 100644
index 0000000..c71c549
Binary files /dev/null and b/web/public/fonts/Roboto-BlackItalic.ttf differ
diff --git a/web/public/fonts/Roboto-Bold.ttf b/web/public/fonts/Roboto-Bold.ttf
new file mode 100644
index 0000000..9d7cf22
Binary files /dev/null and b/web/public/fonts/Roboto-Bold.ttf differ
diff --git a/web/public/fonts/Roboto-BoldItalic.ttf b/web/public/fonts/Roboto-BoldItalic.ttf
new file mode 100644
index 0000000..f73d681
Binary files /dev/null and b/web/public/fonts/Roboto-BoldItalic.ttf differ
diff --git a/web/public/fonts/Roboto-ExtraBold.ttf b/web/public/fonts/Roboto-ExtraBold.ttf
new file mode 100644
index 0000000..7092a88
Binary files /dev/null and b/web/public/fonts/Roboto-ExtraBold.ttf differ
diff --git a/web/public/fonts/Roboto-ExtraBoldItalic.ttf b/web/public/fonts/Roboto-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..a5536f5
Binary files /dev/null and b/web/public/fonts/Roboto-ExtraBoldItalic.ttf differ
diff --git a/web/public/fonts/Roboto-ExtraLight.ttf b/web/public/fonts/Roboto-ExtraLight.ttf
new file mode 100644
index 0000000..75608c6
Binary files /dev/null and b/web/public/fonts/Roboto-ExtraLight.ttf differ
diff --git a/web/public/fonts/Roboto-ExtraLightItalic.ttf b/web/public/fonts/Roboto-ExtraLightItalic.ttf
new file mode 100644
index 0000000..23dbbef
Binary files /dev/null and b/web/public/fonts/Roboto-ExtraLightItalic.ttf differ
diff --git a/web/public/fonts/Roboto-Italic.ttf b/web/public/fonts/Roboto-Italic.ttf
new file mode 100644
index 0000000..c3abaef
Binary files /dev/null and b/web/public/fonts/Roboto-Italic.ttf differ
diff --git a/web/public/fonts/Roboto-Light.ttf b/web/public/fonts/Roboto-Light.ttf
new file mode 100644
index 0000000..6fcd5f9
Binary files /dev/null and b/web/public/fonts/Roboto-Light.ttf differ
diff --git a/web/public/fonts/Roboto-LightItalic.ttf b/web/public/fonts/Roboto-LightItalic.ttf
new file mode 100644
index 0000000..a6e5047
Binary files /dev/null and b/web/public/fonts/Roboto-LightItalic.ttf differ
diff --git a/web/public/fonts/Roboto-Medium.ttf b/web/public/fonts/Roboto-Medium.ttf
new file mode 100644
index 0000000..d629e98
Binary files /dev/null and b/web/public/fonts/Roboto-Medium.ttf differ
diff --git a/web/public/fonts/Roboto-MediumItalic.ttf b/web/public/fonts/Roboto-MediumItalic.ttf
new file mode 100644
index 0000000..ef9ed1b
Binary files /dev/null and b/web/public/fonts/Roboto-MediumItalic.ttf differ
diff --git a/web/public/fonts/Roboto-Regular.ttf b/web/public/fonts/Roboto-Regular.ttf
new file mode 100644
index 0000000..7e3bb2f
Binary files /dev/null and b/web/public/fonts/Roboto-Regular.ttf differ
diff --git a/web/public/fonts/Roboto-SemiBold.ttf b/web/public/fonts/Roboto-SemiBold.ttf
new file mode 100644
index 0000000..3f34834
Binary files /dev/null and b/web/public/fonts/Roboto-SemiBold.ttf differ
diff --git a/web/public/fonts/Roboto-SemiBoldItalic.ttf b/web/public/fonts/Roboto-SemiBoldItalic.ttf
new file mode 100644
index 0000000..132cca1
Binary files /dev/null and b/web/public/fonts/Roboto-SemiBoldItalic.ttf differ
diff --git a/web/public/fonts/Roboto-Thin.ttf b/web/public/fonts/Roboto-Thin.ttf
new file mode 100644
index 0000000..6ee97b8
Binary files /dev/null and b/web/public/fonts/Roboto-Thin.ttf differ
diff --git a/web/public/fonts/Roboto-ThinItalic.ttf b/web/public/fonts/Roboto-ThinItalic.ttf
new file mode 100644
index 0000000..0381198
Binary files /dev/null and b/web/public/fonts/Roboto-ThinItalic.ttf differ
diff --git a/web/public/fonts/RobotoMono-Bold.ttf b/web/public/fonts/RobotoMono-Bold.ttf
new file mode 100644
index 0000000..d884128
Binary files /dev/null and b/web/public/fonts/RobotoMono-Bold.ttf differ
diff --git a/web/public/fonts/RobotoMono-BoldItalic.ttf b/web/public/fonts/RobotoMono-BoldItalic.ttf
new file mode 100644
index 0000000..e9c4802
Binary files /dev/null and b/web/public/fonts/RobotoMono-BoldItalic.ttf differ
diff --git a/web/public/fonts/RobotoMono-ExtraLight.ttf b/web/public/fonts/RobotoMono-ExtraLight.ttf
new file mode 100644
index 0000000..9ff7ac6
Binary files /dev/null and b/web/public/fonts/RobotoMono-ExtraLight.ttf differ
diff --git a/web/public/fonts/RobotoMono-ExtraLightItalic.ttf b/web/public/fonts/RobotoMono-ExtraLightItalic.ttf
new file mode 100644
index 0000000..9e962d4
Binary files /dev/null and b/web/public/fonts/RobotoMono-ExtraLightItalic.ttf differ
diff --git a/web/public/fonts/RobotoMono-Italic.ttf b/web/public/fonts/RobotoMono-Italic.ttf
new file mode 100644
index 0000000..61e5303
Binary files /dev/null and b/web/public/fonts/RobotoMono-Italic.ttf differ
diff --git a/web/public/fonts/RobotoMono-Light.ttf b/web/public/fonts/RobotoMono-Light.ttf
new file mode 100644
index 0000000..4893662
Binary files /dev/null and b/web/public/fonts/RobotoMono-Light.ttf differ
diff --git a/web/public/fonts/RobotoMono-LightItalic.ttf b/web/public/fonts/RobotoMono-LightItalic.ttf
new file mode 100644
index 0000000..39b7250
Binary files /dev/null and b/web/public/fonts/RobotoMono-LightItalic.ttf differ
diff --git a/web/public/fonts/RobotoMono-Medium.ttf b/web/public/fonts/RobotoMono-Medium.ttf
new file mode 100644
index 0000000..f6c149a
Binary files /dev/null and b/web/public/fonts/RobotoMono-Medium.ttf differ
diff --git a/web/public/fonts/RobotoMono-MediumItalic.ttf b/web/public/fonts/RobotoMono-MediumItalic.ttf
new file mode 100644
index 0000000..70a1a75
Binary files /dev/null and b/web/public/fonts/RobotoMono-MediumItalic.ttf differ
diff --git a/web/public/fonts/RobotoMono-Regular.ttf b/web/public/fonts/RobotoMono-Regular.ttf
new file mode 100644
index 0000000..6df2b25
Binary files /dev/null and b/web/public/fonts/RobotoMono-Regular.ttf differ
diff --git a/web/public/fonts/RobotoMono-SemiBold.ttf b/web/public/fonts/RobotoMono-SemiBold.ttf
new file mode 100644
index 0000000..82ddc82
Binary files /dev/null and b/web/public/fonts/RobotoMono-SemiBold.ttf differ
diff --git a/web/public/fonts/RobotoMono-SemiBoldItalic.ttf b/web/public/fonts/RobotoMono-SemiBoldItalic.ttf
new file mode 100644
index 0000000..15b0846
Binary files /dev/null and b/web/public/fonts/RobotoMono-SemiBoldItalic.ttf differ
diff --git a/web/public/fonts/RobotoMono-Thin.ttf b/web/public/fonts/RobotoMono-Thin.ttf
new file mode 100644
index 0000000..aeb997b
Binary files /dev/null and b/web/public/fonts/RobotoMono-Thin.ttf differ
diff --git a/web/public/fonts/RobotoMono-ThinItalic.ttf b/web/public/fonts/RobotoMono-ThinItalic.ttf
new file mode 100644
index 0000000..ab99e08
Binary files /dev/null and b/web/public/fonts/RobotoMono-ThinItalic.ttf differ
diff --git a/web/src/features/progress/CircleProgressbar.tsx b/web/src/features/progress/CircleProgressbar.tsx
index bf9b690..3acbc1e 100644
--- a/web/src/features/progress/CircleProgressbar.tsx
+++ b/web/src/features/progress/CircleProgressbar.tsx
@@ -34,7 +34,7 @@ const useStyles = createStyles((theme, params: { position: 'middle' | 'bottom';
   },
   value: {
     textAlign: 'center',
-    fontFamily: 'roboto-mono',
+    fontFamily: 'Roboto Mono',
     textShadow: theme.shadows.sm,
     color: theme.colors.gray[3],
   },
diff --git a/web/src/index.css b/web/src/index.css
index 2155053..f1aad08 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -1,10 +1,291 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap');
-@import url("https://use.typekit.net/wxh5ury.css");
-@import url("https://use.typekit.net/qgr5ebd.css");
+/* Thin 100 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Thin.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 100;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-ThinItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 100;
+  font-stretch: normal;
+}
+
+/* ExtraLight 200 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-ExtraLight.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 200;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-ExtraLightItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 200;
+  font-stretch: normal;
+}
+
+/* Light 300 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Light.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-LightItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 300;
+  font-stretch: normal;
+}
+
+/* Regular 400 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Regular.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Italic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 400;
+  font-stretch: normal;
+}
+
+/* Medium 500 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Medium.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-MediumItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 500;
+  font-stretch: normal;
+}
+
+/* SemiBold 600 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-SemiBold.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-SemiBoldItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 600;
+  font-stretch: normal;
+}
+
+/* Bold 700 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Bold.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-BoldItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 700;
+  font-stretch: normal;
+}
+
+/* ExtraBold 800 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-ExtraBold.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 800;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-ExtraBoldItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 800;
+  font-stretch: normal;
+}
+
+/* Black 900 */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Black.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 900;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-BlackItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 900;
+  font-stretch: normal;
+}
+
+/* Roboto Mono */
+/* Thin 100 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-Thin.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 100;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-ThinItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 100;
+  font-stretch: normal;
+}
+
+/* ExtraLight 200 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-ExtraLight.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 200;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-ExtraLightItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 200;
+  font-stretch: normal;
+}
+
+/* Light 300 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-Light.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-LightItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 300;
+  font-stretch: normal;
+}
+
+/* Regular 400 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-Regular.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-Italic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 400;
+  font-stretch: normal;
+}
+
+/* Medium 500 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-Medium.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-MediumItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 500;
+  font-stretch: normal;
+}
+
+/* SemiBold 600 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-SemiBold.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-SemiBoldItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 600;
+  font-stretch: normal;
+}
+
+/* Bold 700 */
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-Bold.ttf') format('truetype');
+  font-display: auto;
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('/fonts/RobotoMono-BoldItalic.ttf') format('truetype');
+  font-display: auto;
+  font-style: italic;
+  font-weight: 700;
+  font-stretch: normal;
+}
 
 html {
   color-scheme: normal !important;