Updating font for readability, will change branding theme to match

Vortex-Linux · Aug 21, 2024 · 288725c · 288725c
1 parent f345940
commit 288725c
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 8 deletions.
diff --git a/public/fonts/Poppins-Bold.woff b/public/fonts/Poppins-Bold.woff
diff --git a/public/fonts/Poppins-Italic.woff b/public/fonts/Poppins-Italic.woff
diff --git a/public/fonts/Poppins-Regular.woff b/public/fonts/Poppins-Regular.woff
diff --git a/public/fonts/montserrat.woff b/public/fonts/montserrat.woff
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -20,8 +20,9 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 	<meta name="generator" content={Astro.generator} />
 
 	<!-- Font preloads -->
-	<link rel="preload" href="/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin />
-	<link rel="preload" href="/fonts/atkinson-bold.woff" as="font" type="font/woff" crossorigin />
+	<link rel="preload" href="/fonts/Poppins-Regular.woff" as="font" type="font/woff" crossorigin />
+	<link rel="preload" href="/fonts/Poppins-Bold.woff" as="font" type="font/woff" crossorigin />
+	<link rel="preload" href="/fonts/Poppins-Italic.woff" as="font" type="font/woff" crossorigin />
 
 	<!-- Canonical URL -->
 	<link rel="canonical" href={canonicalURL} />

diff --git a/src/content/data/navData.js b/src/content/data/navData.js
@@ -8,6 +8,7 @@ export const navData = {
       dropdown: [
         { title: "About", href: "/about" },
         { title: "Forum", href: "https://forum.vortexlinux.org" },
+        { title: "Get Involved", href: "/blog/get-invovled"},
         { title: "GitHub", href: "https://github.com/Vortex-Linux/"},
         { title: "ReadTheDocs", href: "https://vortexlinux.readthedocs.io/en/latest/"},
         { title: "Team", href: "/about#team" }

diff --git a/src/styles/Hero.css b/src/styles/Hero.css
@@ -20,7 +20,7 @@
     font-size: 3rem;
     margin-bottom: 1rem;
     font-weight: bold;
-    text-shadow: 5px 5px black;
+    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 }
 
 .title-mark {
@@ -30,7 +30,7 @@
 .hero-subtitle {
     font-size: 1.5rem;
     margin-bottom: 2rem;
-    text-shadow: 3px 3px black;
+    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 }
 
 .hero-button {

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -37,16 +37,36 @@ html.dark {
 	--background: #001a1f;
 	--accent-filter: brightness(0) saturate(100%) invert(70%) sepia(50%) saturate(6388%) hue-rotate(323deg) brightness(109%) contrast(102%);
 }
-
 @font-face {
-	font-family: 'Montserrat';
-	src: url('/fonts/montserrate.woff') format('woff');
+	font-family: 'Comfortaa';
+	src: url('/fonts/Comfortaa.woff') format('woff');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
 }
+@font-face {
+	font-family: 'Poppins';
+	src: url('/fonts/Poppins-Regular.woff') format('woff');
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap;
+}
+@font-face {
+	font-family: 'Poppins';
+	src: url('/fonts/Poppins-Italic.woff') format('woff');
+	font-weight: 400;
+	font-style: italic;
+	font-display: swap;
+}
+@font-face {
+	font-family: 'Poppins';
+	src: url('/fonts/Poppins-Bold.woff') format('woff');
+	font-weight: 400;
+	font-style: bold;
+	font-display: swap;
+}
 body {
-    font-family: 'Montserrat', sans-serif;
+    font-family: 'Poppins', sans-serif;
     margin: 0;
     padding: 0;
     text-align: left;