fix font weights and remove ununsed fonts

le4ker · Apr 17, 2024 · 0595665 · 0595665
1 parent bdba3e4
commit 0595665
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 19 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -22,24 +22,14 @@
   <!-- Custom CSS -->
   <link href="{{site.baseurl}}/css/grayscale.css" rel="stylesheet" />
   {% if page.section-type == "index" %}
-    <link href="{{site.baseurl}}/css/timeline.css" rel="stylesheet" />
+  <link href="{{site.baseurl}}/css/timeline.css" rel="stylesheet" />
   {% endif %}
 
   <!-- Custom Fonts -->
   <link
     rel="stylesheet"
     href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
   />
-  <link
-    href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic"
-    rel="stylesheet"
-    type="text/css"
-  />
-  <link
-    href="//fonts.googleapis.com/css?family=Montserrat:400,700"
-    rel="stylesheet"
-    type="text/css"
-  />
   <link rel="stylesheet" href="{{site.baseurl}}/css/rrssb.css" />
   {% if site.favicon %}
   <link

diff --git a/css/grayscale.scss b/css/grayscale.scss
@@ -7,6 +7,41 @@
 @font-face {
   font-family: my-font;
   src: url("{{site.baseurl}}/fonts/MavenPro-Regular.ttf");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: my-font;
+  src: url("{{site.baseurl}}/fonts/MavenPro-Medium.ttf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: my-font;
+  src: url("{{site.baseurl}}/fonts/MavenPro-SemiBold.ttf");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: my-font;
+  src: url("{{site.baseurl}}/fonts/MavenPro-Bold.ttf");
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: my-font;
+  src: url("{{site.baseurl}}/fonts/MavenPro-ExtraBold.ttf");
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: my-font;
+  src: url("{{site.baseurl}}/fonts/MavenPro-Black.ttf");
+  font-weight: 900;
+}
+
+strong {
+  font-weight: 500;
 }
 
 /*!
@@ -39,7 +74,7 @@ h5,
 h6 {
   margin: 0 0 35px;
   text-transform: uppercase;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 1px;
 }
 
@@ -108,7 +143,7 @@ a {
       outline: none;
     }
     font-size: 2.2rem;
-    font-weight: 700;
+    font-weight: 500;
   }
   a {
     color: $navbar-color;
@@ -187,7 +222,7 @@ a {
     }
     .intro-text {
       font-size: 2.3rem;
-      font-weight: 900;
+      font-weight: 500;
       @if $navbar-text-shadow {
         text-shadow: 1px 0 1px #222222;
       }
@@ -285,7 +320,6 @@ a {
 
 .btn {
   border-radius: 0;
-  font-weight: 400;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
@@ -359,10 +393,6 @@ body {
   font-size: 2rem;
 }
 
-.blurb {
-  font-weight: 500;
-}
-
 .typed-cursor {
   opacity: 1;
   -webkit-animation: blink 0.7s infinite;