feat: serve fonts from local directory

ElianCodes · Aug 9, 2023 · d6592c9 · d6592c9
1 parent bf51091
commit d6592c9
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 8 deletions.
diff --git a/public/fonts/dm-serif.ttf b/public/fonts/dm-serif.ttf
diff --git a/public/fonts/outfit.ttf b/public/fonts/outfit.ttf
diff --git a/public/fonts/poppins.ttf b/public/fonts/poppins.ttf
diff --git a/public/fonts/righteous.ttf b/public/fonts/righteous.ttf
diff --git a/public/fonts/sanchez.ttf b/public/fonts/sanchez.ttf
diff --git a/src/components/layout/BaseHead.astro b/src/components/layout/BaseHead.astro
@@ -34,7 +34,6 @@ const { title, description, ogImage } = Astro.props;
   <meta property='og:description' content={description} />
   <meta property='og:image' content={ogImage} />
 
-
   <meta property='twitter:card' content='summary_large_image' />
   <meta property='twitter:url' content={canonicalURL} />
   <meta property='twitter:title' content={title} />
@@ -46,12 +45,5 @@ const { title, description, ogImage } = Astro.props;
 
   <title>Brutal Theme | {title}</title>
 
-  <!-- fonts -->
-  <link rel="preconnect" href="https://fonts.bunny.net">
-  <link
-    href='https://fonts.bunny.net/css2?family=DM+Serif+Text&family=Fredoka+One&family=Outfit:wght@400;500&family=Poppins:wght@300;400;500&family=Righteous&family=Sanchez&display=swap'
-    rel='stylesheet'
-  />
-
   <slot />
 </head>
diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
@@ -2,6 +2,7 @@
 import BaseNavigation from '@components/layout/BaseNavigation.astro';
 import BaseFooter from '@components/layout/BaseFooter.astro';
 import BaseHead from '@components/layout/BaseHead.astro';
+import '../styles/global.css';
 
 interface Props {
   title: string;

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -0,0 +1,38 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@font-face {
+  font-family: "DM Serif Text";
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/dm-serif.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Outfit";
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/outfit.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/poppins.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Righteous";
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/righteous.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Sanchez";
+  font-style: normal;
+  font-display: swap;
+  src: url("/fonts/sanchez.ttf") format("truetype");
+}