fix(website): load fonts correctly

tsirysndr · May 19, 2023 · 7285b5e · 7285b5e
1 parent 33badc2
commit 7285b5e
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 15 deletions.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -7,12 +7,32 @@
 /* You can override the default Infima variables here. */
 
 @font-face {
-  font-family: 'RockfordSans';
-  src: url('../../static/fonts/RockfordSans-Bold.otf') format('opentype'),
-       url('../../static/fonts/RockfordSans-ExtraBold.otf') format('opentype'),
-       url('../../static/fonts/RockfordSans-Light.otf') format('opentype'),
-       url('../../static/fonts/RockfordSans-Medium.otf') format('opentype'),
-       url('../../static/fonts/RockfordSans-Regular.otf') format('opentype');
+  font-family: 'RockfordSans Bold';
+  src: url('../../static/fonts/RockfordSans-Bold.otf') format('opentype');
+  /* Add more font formats if necessary */
+}
+
+@font-face {
+  font-family: 'RockfordSans ExtraBold';
+  src: url('../../static/fonts/RockfordSans-ExtraBold.otf') format('opentype');
+  /* Add more font formats if necessary */
+}
+
+@font-face {
+  font-family: 'RockfordSans Light';
+  src: url('../../static/fonts/RockfordSans-Light.otf') format('opentype');
+  /* Add more font formats if necessary */
+}
+
+@font-face {
+  font-family: 'RockfordSans Medium';
+  src: url('../../static/fonts/RockfordSans-Medium.otf') format('opentype');
+  /* Add more font formats if necessary */
+}
+
+@font-face {
+  font-family: 'RockfordSans Regular';
+  src: url('../../static/fonts/RockfordSans-Regular.otf') format('opentype');
   /* Add more font formats if necessary */
 }
 
@@ -101,15 +121,15 @@ html[data-theme='dark'] .header-github-link:before {
 }
 
 body {
-  font-family: 'RockfordSans-Regular';
+  font-family: 'RockfordSans Regular';
 }
 
 .navbar {
   background-color: #f2efdb;
   color: #000;
   box-shadow: none;
   position: initial;
-  font-family: 'RockfordSans-Bold';
+  font-family: 'RockfordSans Bold';
 }
 
 .footer {

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -32,15 +32,15 @@ function HomepageHeader() {
               style={{
                 color: "#000",
                 fontSize: "2rem",
-                fontFamily: "RockfordSans-Medium",
+                fontFamily: "RockfordSans Medium",
                 padding: "0 4rem",
                 textAlign: "left",
               }}
             >
               Compose your{" "}
               <span
                 style={{
-                  fontFamily: "RockfordSans-Bold",
+                  fontFamily: "RockfordSans Bold",
                   color: "#ffad62",
                 }}
               >
@@ -49,15 +49,15 @@ function HomepageHeader() {
               and{" "}
               <span
                 style={{
-                  fontFamily: "RockfordSans-Bold",
+                  fontFamily: "RockfordSans Bold",
                   color: "#ffad62",
                 }}
               >
                 non-containerized
               </span>{" "}
               <span
                 style={{
-                  fontFamily: "RockfordSans-Bold",
+                  fontFamily: "RockfordSans Bold",
                   color: "#3bcbce",
                 }}
               >
@@ -66,7 +66,7 @@ function HomepageHeader() {
               for localdev and deployments in{" "}
               <span
                 style={{
-                  fontFamily: "RockfordSans-Bold",
+                  fontFamily: "RockfordSans Bold",
                   color: "#f780fb",
                 }}
               >
@@ -75,7 +75,7 @@ function HomepageHeader() {
               or{" "}
               <span
                 style={{
-                  fontFamily: "RockfordSans-Bold",
+                  fontFamily: "RockfordSans Bold",
                   color: "#f780fb",
                 }}
               >
@@ -84,7 +84,7 @@ function HomepageHeader() {
               with an{" "}
               <span
                 style={{
-                  fontFamily: "RockfordSans-Bold",
+                  fontFamily: "RockfordSans Bold",
                   color: "#f780fb",
                 }}
               >