1 files changed, 95 insertions, 0 deletions
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
new file mode 100644
index 0000000..66612e2
--- /dev/null
+++ b/ui/styles/fonts.css
@@ -0,0 +1,95 @@
+/*** Roboto ***/
+@font-face {
+  font-family: "Roboto";
+  src:
+    url("../fonts/Roboto-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Roboto";
+  src:
+    url("../fonts/Roboto-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Roboto";
+  src:
+    url("../fonts/Roboto-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Roboto";
+  src:
+    url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+/*** Archistico ***/
+@font-face {
+  font-family: "Archistico";
+  src:
+    url("../fonts/Archistico_Simple.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Archistico";
+  src:
+    url("../fonts/Archistico_Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+/*** FiraCode ***/
+@font-face {
+  font-family: "FiraCode";
+  src:
+    url("../fonts/FiraCode-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "FiraCode";
+  src:
+    url("../fonts/FiraCode-Bold.otf") format("opentype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "FiraCode";
+  src:
+    url("../fonts/FiraCode-Italic.otf") format("opentype");
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "FiraCode";
+  src:
+    url("../fonts/FiraCode-BoldItalic.otf") format("opentype");
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+/*** Overlock ***/
+@font-face {
+  font-family: "Overlock";
+  src:
+    url("../fonts/Overlock-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}