update font

Author: jlarfors

assets/css/custom.css

@@ -1,3 +1,72 @@
+/* Outfit Font Family */
+@font-face {
+  font-family: 'Outfit';
+  src: url('/fonts/Outfit-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Outfit';
+  src: url('/fonts/Outfit-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Outfit';
+  src: url('/fonts/Outfit-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Outfit';
+  src: url('/fonts/Outfit-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Outfit';
+  src: url('/fonts/Outfit-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Set Outfit as the default font family with lighter weight */
+body {
+  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  font-weight: 300;
+  /* Use Light weight instead of Regular (400) */
+}
+
+/* Adjust font weights for different elements */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 500;
+  /* Medium weight for headings */
+}
+
+p {
+  font-weight: 300;
+  /* Light weight for paragraphs */
+}
+
+.title h1 h2 {
+  font-weight: 600;
+  /* Semi-bold for main titles */
+}
+
 /* Custom styles for author information */
 .authors {
   font-style: italic;
@@ -35,11 +104,13 @@
 
 /* Header text colors - keep navigation links black */
 header .nav a {
-  color: #0d0e12; /* v-black */
+  color: #0d0e12;
+  /* v-black */
 }
 
 header .nav a:hover {
-  color: #ad9ce3; /* v-lilac for hover */
+  color: #ad9ce3;
+  /* v-lilac for hover */
 }
 
 /* Featured image styling */
@@ -102,4 +173,4 @@ header .nav a:hover {
 .not-found-content a:hover {
   color: #fc9cac;
   text-decoration: underline;
-}
+}