diff --git a/src/App.module.css b/src/App.module.css
index f91c4909..34bd3630 100644
--- a/src/App.module.css
+++ b/src/App.module.css
@@ -129,6 +129,28 @@
     }
 }
 
+/* mapilion */
+@font-face {
+    font-family: 'Open Sans';
+    src: url(./fonts/OpenSans-Variable.ttf) format('truetype');
+}
+
+/* maptiler */
+@font-face {
+    font-family: 'Noto Sans';
+    src: url(./fonts/NotoSans-Regular.ttf) format('truetype');
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url(./fonts/Roboto-Regular.ttf) format('truetype');
+}
+
+@font-face {
+    font-family: 'Roboto Condensed';
+    src: url(./fonts/RobotoCondensed-Regular.ttf) format('truetype');
+}
+
 .sidebarCloseButton {
     position: absolute;
 
diff --git a/src/fonts/NotoSans-Regular.ttf b/src/fonts/NotoSans-Regular.ttf
new file mode 100644
index 00000000..973bc2ed
Binary files /dev/null and b/src/fonts/NotoSans-Regular.ttf differ
diff --git a/src/fonts/OpenSans-Variable.ttf b/src/fonts/OpenSans-Variable.ttf
new file mode 100644
index 00000000..9cae0f79
Binary files /dev/null and b/src/fonts/OpenSans-Variable.ttf differ
diff --git a/src/fonts/Roboto-Regular.ttf b/src/fonts/Roboto-Regular.ttf
new file mode 100644
index 00000000..ddf4bfac
Binary files /dev/null and b/src/fonts/Roboto-Regular.ttf differ
diff --git a/src/fonts/RobotoCondensed-Regular.ttf b/src/fonts/RobotoCondensed-Regular.ttf
new file mode 100644
index 00000000..17e8ea57
Binary files /dev/null and b/src/fonts/RobotoCondensed-Regular.ttf differ