Add in HKGrotesk font styles

hack4impact-uiuc · May 4, 2021 · f4d3de5 · f4d3de5 · vercel · May 4, 2021
1 parent 3b674d3
commit f4d3de5
Showing 1 changed file with 59 additions and 0 deletions.
diff --git a/src/static/global.css b/src/static/global.css
@@ -89,20 +89,79 @@ body {
   color: #B4D8FA;
 }
 
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-Light.otf") format("opentype");
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-LightItalic.otf") format("opentype");
+  font-weight: 300;
+  font-style: italic;
+}
+
 @font-face {
   font-family: "HKGrotesk";
   src: url("./fonts/hk-grotesk/HKGrotesk-Regular.otf") format("opentype");
   font-weight: 400;
 }
 
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-Italic.otf") format("opentype");
+  font-weight: 400;
+  font-style: italic;
+}
+
 @font-face {
   font-family: "HKGrotesk";
   src: url("./fonts/hk-grotesk/HKGrotesk-Medium.otf") format("opentype");
   font-weight: 500;
 }
 
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-MediumItalic.otf") format("opentype");
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-SemiBold.otf") format("opentype");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.otf") format("opentype");
+  font-weight: 600;
+  font-style: italic;
+}
+
 @font-face {
   font-family: "HKGrotesk";
   src: url("./fonts/hk-grotesk/HKGrotesk-Bold.otf") format("opentype");
   font-weight: 700;
 }
+
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-BoldItalic.otf") format("opentype");
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-ExtraBold.otf") format("opentype");
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: "HKGrotesk";
+  src: url("./fonts/hk-grotesk/HKGrotesk-Black.otf") format("opentype");
+  font-weight: 900;
+}