updated font declarations, font-weights

NavidMansuri5155 · Jun 15, 2021 · e32d8c1 · e32d8c1
1 parent 2ad5471
commit e32d8c1
Showing 1 changed file with 28 additions and 18 deletions.
diff --git a/styles/index.css b/styles/index.css
@@ -6,71 +6,81 @@
   /* font family declaration */
   @font-face {
     font-family: 'Rubik';
-    src: url('/fonts/Rubik-var.woff2') format('woff2-variations');
+    src: url('/fonts/Lexend[LXND,wght].woff2') format('woff2-variations');
     font-weight: 300 999;
     font-display: swap;
   }
-  @font-face {
+  /* @font-face {
     font-family: 'Rubik';
     src: url('/fonts/Rubik-var-Italic.woff2') format('woff2-variations');
     font-style: italic;
     font-weight: 300 999;
     font-display: swap;
-  }
+  } */
   @font-face {
     font-family: 'Rubik';
-    src: url('/fonts/Rubik-var.woff2') format('woff2-variations'),
-      url('/fonts/Rubik-Bold.woff2') format('woff2');
+    src: url('/fonts/Lexend[LXND,wght].woff2') format('woff2-variations'),
+      url('/fonts/Lexend-Bold.woff2') format('woff2');
     font-weight: 700;
     font-display: swap;
   }
   @font-face {
     font-family: 'Rubik';
-    src: url('/fonts/Rubik-var.woff2') format('woff2-variations'),
-      url('/fonts/Rubik-Medium.woff2') format('woff2');
+    src: url('/fonts/Lexend[LXND,wght].woff2') format('woff2-variations'),
+      url('/fonts/Lexend-SemiBold.woff2') format('woff2');
+    font-weight: 600;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Rubik';
+    src: url('/fonts/Lexend[LXND,wght].woff2') format('woff2-variations'),
+      url('/fonts/Lexend-Medium.woff2') format('woff2');
     font-weight: 500;
     font-display: swap;
   }
   @font-face {
     font-family: 'Rubik';
-    src: url('/fonts/Rubik-var.woff2') format('woff2-variations'),
-      url('/fonts/Rubik-Regular.woff2') format('woff2');
+    src: url('/fonts/Lexend[LXND,wght].woff2') format('woff2-variations'),
+      url('/fonts/LexendDeca-Regular.woff2') format('woff2');
     font-weight: 400;
     font-display: swap;
   }
-  @font-face {
+  /* @font-face {
     font-family: 'Rubik';
     src: url('/fonts/Rubik-var-Italic.woff2') format('woff2-variations'),
       url('/fonts/Rubik-Italic.woff2') format('woff2');
     font-style: italic;
     font-weight: 400;
     font-display: swap;
-  }
+  } */
   @font-face {
     font-family: 'Rubik';
-    src: url('/fonts/Rubik-var.woff2') format('woff2-variations'),
-      url('/fonts/Rubik-Light.woff2') format('woff2');
+    src: url('/fonts/Lexend[LXND,wght].woff2') format('woff2-variations'),
+      url('/fonts/Lexend-Light.woff2') format('woff2');
     font-weight: 300;
     font-display: swap;
   }
-  @font-face {
+  /* @font-face {
     font-family: 'Rubik';
     src: url('/fonts/Rubik-var-Italic.woff2') format('woff2-variations'),
       url('/fonts/Rubik-LightItalic.woff2') format('woff2');
     font-style: italic;
     font-weight: 300;
     font-display: swap;
-  }
+  } */
   /* Dark Mode Markdown Styling */
   p {
-    @apply text-black dark:text-white;
+    @apply text-grey-text dark:text-white;
   }
   h5 {
     @apply max-w-3xl mx-auto mb-4 text-base font-bold leading-snug tracking-tight text-gray-500 dark:text-gray-500;
   }
   p > i {
     @apply max-w-3xl mx-auto mb-4;
   }
+  b {
+    @apply font-semibold;
+  }
   p > a,
   sup > a,
   em > a {
@@ -100,7 +110,7 @@
     @apply my-4 text-base leading-relaxed text-black cursor-pointer lg:text-lg dark:text-white;
   }
   .menu-btn-lg {
-    @apply inline-block px-2 py-4 text-lg font-normal leading-none transition duration-300 ease-in-out text-grey-secondary dark:text-dark-mode-gray lg:px-4 hover:text-black dark:hover:text-white;
+    @apply inline-block px-2 py-4 text-lg font-medium leading-none transition duration-300 ease-in-out text-grey-secondary dark:text-dark-mode-gray lg:px-4 hover:text-black dark:hover:text-white;
   }
   .menu-btn-lg-active {
     @apply text-black dark:text-white;
@@ -123,7 +133,7 @@
     border-bottom: 1.5px solid #06c;
   }
   .home-page-title {
-    @apply w-auto pr-8 mx-auto mb-4 text-base font-normal text-black dark:text-white;
+    @apply w-auto pr-8 mx-auto mb-4 text-base font-medium text-black dark:text-white;
   }
 }