diff --git a/src/components/common/CustomStyles.astro b/src/components/common/CustomStyles.astro
new file mode 100644
index 0000000..e93cc28
--- /dev/null
+++ b/src/components/common/CustomStyles.astro
@@ -0,0 +1,13 @@
+---
+import '@fontsource/inter/variable.css';
+---
+
+
diff --git a/src/components/common/Fonts.astro b/src/components/common/Fonts.astro
deleted file mode 100644
index c455323..0000000
--- a/src/components/common/Fonts.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import '@fontsource/inter/variable.css';
----
-
-
diff --git a/src/components/common/MetaTags.astro b/src/components/common/MetaTags.astro
index 1a413d0..d30e34f 100644
--- a/src/components/common/MetaTags.astro
+++ b/src/components/common/MetaTags.astro
@@ -5,10 +5,10 @@ import { getImage } from '@astrojs/image';
import { SITE } from '~/config.mjs';
import { MetaSEO } from '~/types';
-import { getCanonical, getAsset } from '~/utils/permalinks';
+import { getCanonical, getAsset } from '~/utils/permalinks';
import { getRelativeUrlByFilePath } from '~/utils/directories';
-import Fonts from '~/components/common/Fonts.astro';
+import CustomStyles from '~/components/common/CustomStyles.astro';
import SplitbeeAnalytics from './SplitbeeAnalytics.astro';
export interface Props extends MetaSEO {
@@ -82,7 +82,7 @@ const image =
}}
/>
-
+
{SITE.googleSiteVerificationId && }
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 371b938..385a57d 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -10,35 +10,12 @@ module.exports = {
secondary: colors.pink,
},
fontFamily: {
- sans: ["'InterVariable'", ...defaultTheme.fontFamily.sans],
+ sans: ['var(--aw-font-sans)', ...defaultTheme.fontFamily.sans],
+ serif: ['var(--aw-font-serif)', ...defaultTheme.fontFamily.serif],
+ heading: ['var(--aw-font-heading)', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [require('@tailwindcss/typography')],
darkMode: 'class',
};
-
-/*
-
- Alternative tailwind.config.js
-
- NOTE: Add this fonts to
-
-*/
-
-// module.exports = {
-// content: ["./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}"],
-// theme: {
-// extend: {
-// colors: {
-// primary: colors.cyan,
-// secondary: colors.lime,
-// },
-// fontFamily: {
-// sans: ["'Nunito'", ...defaultTheme.fontFamily.sans],
-// },
-// },
-// },
-// plugins: [require("@tailwindcss/typography")],
-// darkMode: "class",
-// };