diff --git a/frontend/src/styles/fonts.scss b/frontend/src/styles/fonts.scss
index f5da60330..9c1ebcde3 100644
--- a/frontend/src/styles/fonts.scss
+++ b/frontend/src/styles/fonts.scss
@@ -1,23 +1,162 @@
-@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Itim:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Coming+Soon:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Lalezar:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@300;400;700&display=swap");
+@font-face {
+  font-family: "Source Code Pro";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/SourceCodePro-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/JetBrainsMono-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Montserrat";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Montserrat-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Roboto-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Titillium Web";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/TitilliumWeb-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Oxygen";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Oxygen-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Itim";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Itim-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Comfortaa";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Comfortaa-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Coming Soon";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/ComingSoon-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Atkinson Hyperlegible";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/AtkinsonHyperlegible-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Lato-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Lalezar";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Lalezar-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Noto Naskh Arabic";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/NotoNaskhArabic-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Vazirmatn";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Vazirmatn-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Ubuntu";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Ubuntu-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Ubuntu Mono";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/UbuntuMono-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Inconsolata";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/Inconsolata-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-display: block;
+  src: url("../webfonts/IBMPlexSans-SemiBold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Lexend Deca";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/LexendDeca-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Fira Code";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/FiraCode-Regular.ttf") format("truetype");
+}
 
 @font-face {
   font-family: "Nunito";
diff --git a/frontend/static/webfonts/AtkinsonHyperlegible-Regular.ttf b/frontend/static/webfonts/AtkinsonHyperlegible-Regular.ttf
new file mode 100644
index 000000000..23614a4d3
Binary files /dev/null and b/frontend/static/webfonts/AtkinsonHyperlegible-Regular.ttf differ
diff --git a/frontend/static/webfonts/Comfortaa-Regular.ttf b/frontend/static/webfonts/Comfortaa-Regular.ttf
new file mode 100644
index 000000000..6023bde16
Binary files /dev/null and b/frontend/static/webfonts/Comfortaa-Regular.ttf differ
diff --git a/frontend/static/webfonts/ComingSoon-Regular.ttf b/frontend/static/webfonts/ComingSoon-Regular.ttf
new file mode 100644
index 000000000..b0f6908dc
Binary files /dev/null and b/frontend/static/webfonts/ComingSoon-Regular.ttf differ
diff --git a/frontend/static/webfonts/FiraCode-Regular.ttf b/frontend/static/webfonts/FiraCode-Regular.ttf
new file mode 100644
index 000000000..82baafc33
Binary files /dev/null and b/frontend/static/webfonts/FiraCode-Regular.ttf differ
diff --git a/frontend/static/webfonts/IBMPlexSans-SemiBold.ttf b/frontend/static/webfonts/IBMPlexSans-SemiBold.ttf
new file mode 100644
index 000000000..a5bd9ee62
Binary files /dev/null and b/frontend/static/webfonts/IBMPlexSans-SemiBold.ttf differ
diff --git a/frontend/static/webfonts/Inconsolata-Regular.ttf b/frontend/static/webfonts/Inconsolata-Regular.ttf
new file mode 100644
index 000000000..0d879bf3a
Binary files /dev/null and b/frontend/static/webfonts/Inconsolata-Regular.ttf differ
diff --git a/frontend/static/webfonts/Itim-Regular.ttf b/frontend/static/webfonts/Itim-Regular.ttf
new file mode 100644
index 000000000..153aaeb1f
Binary files /dev/null and b/frontend/static/webfonts/Itim-Regular.ttf differ
diff --git a/frontend/static/webfonts/JetBrainsMono-Regular.ttf b/frontend/static/webfonts/JetBrainsMono-Regular.ttf
new file mode 100644
index 000000000..7d26f5a50
Binary files /dev/null and b/frontend/static/webfonts/JetBrainsMono-Regular.ttf differ
diff --git a/frontend/static/webfonts/Lalezar-Regular.ttf b/frontend/static/webfonts/Lalezar-Regular.ttf
new file mode 100644
index 000000000..1024bfed2
Binary files /dev/null and b/frontend/static/webfonts/Lalezar-Regular.ttf differ
diff --git a/frontend/static/webfonts/Lato-Regular.ttf b/frontend/static/webfonts/Lato-Regular.ttf
new file mode 100644
index 000000000..bb2e8875a
Binary files /dev/null and b/frontend/static/webfonts/Lato-Regular.ttf differ
diff --git a/frontend/static/webfonts/LexendDeca-Regular.ttf b/frontend/static/webfonts/LexendDeca-Regular.ttf
new file mode 100644
index 000000000..fe75f5927
Binary files /dev/null and b/frontend/static/webfonts/LexendDeca-Regular.ttf differ
diff --git a/frontend/static/webfonts/Montserrat-Regular.ttf b/frontend/static/webfonts/Montserrat-Regular.ttf
new file mode 100644
index 000000000..aa9033a80
Binary files /dev/null and b/frontend/static/webfonts/Montserrat-Regular.ttf differ
diff --git a/frontend/static/webfonts/NotoNaskhArabic-Regular.ttf b/frontend/static/webfonts/NotoNaskhArabic-Regular.ttf
new file mode 100644
index 000000000..b775a135b
Binary files /dev/null and b/frontend/static/webfonts/NotoNaskhArabic-Regular.ttf differ
diff --git a/frontend/static/webfonts/Oxygen-Regular.ttf b/frontend/static/webfonts/Oxygen-Regular.ttf
new file mode 100644
index 000000000..d03f43af2
Binary files /dev/null and b/frontend/static/webfonts/Oxygen-Regular.ttf differ
diff --git a/frontend/static/webfonts/Roboto-Regular.ttf b/frontend/static/webfonts/Roboto-Regular.ttf
new file mode 100644
index 000000000..ddf4bfacb
Binary files /dev/null and b/frontend/static/webfonts/Roboto-Regular.ttf differ
diff --git a/frontend/static/webfonts/SourceCodePro-Regular.ttf b/frontend/static/webfonts/SourceCodePro-Regular.ttf
new file mode 100644
index 000000000..daad8745c
Binary files /dev/null and b/frontend/static/webfonts/SourceCodePro-Regular.ttf differ
diff --git a/frontend/static/webfonts/TitilliumWeb-Regular.ttf b/frontend/static/webfonts/TitilliumWeb-Regular.ttf
new file mode 100644
index 000000000..e0e2dc888
Binary files /dev/null and b/frontend/static/webfonts/TitilliumWeb-Regular.ttf differ
diff --git a/frontend/static/webfonts/Ubuntu-Regular.ttf b/frontend/static/webfonts/Ubuntu-Regular.ttf
new file mode 100644
index 000000000..f98a2dab8
Binary files /dev/null and b/frontend/static/webfonts/Ubuntu-Regular.ttf differ
diff --git a/frontend/static/webfonts/UbuntuMono-Regular.ttf b/frontend/static/webfonts/UbuntuMono-Regular.ttf
new file mode 100644
index 000000000..4977028d1
Binary files /dev/null and b/frontend/static/webfonts/UbuntuMono-Regular.ttf differ
diff --git a/frontend/static/webfonts/Vazirmatn-Regular.ttf b/frontend/static/webfonts/Vazirmatn-Regular.ttf
new file mode 100644
index 000000000..8cb8d53d4
Binary files /dev/null and b/frontend/static/webfonts/Vazirmatn-Regular.ttf differ