1 files changed, 64 insertions, 0 deletions
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
index d5d1eef..58da205 100644
--- a/ui/styles/fonts.css
+++ b/ui/styles/fonts.css
@@ -1,31 +1,95 @@
+/*** Alegreya ***/
 @font-face {
   font-family: "Alegreya";
   src:
     url("../fonts/AlegreyaSans-Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Alegreya";
+  src:
+    url("../fonts/AlegreyaSans-Bold.otf") format("opentype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Alegreya";
+  src:
+    url("../fonts/AlegreyaSans-Italic.otf") format("opentype");
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Alegreya";
+  src:
+    url("../fonts/AlegreyaSans-BoldItalic.otf") format("opentype");
+  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;
 }