diff --git a/public/fonts/Inter-Regular.woff2 b/public/fonts/Inter-Regular.woff2 new file mode 100644 index 0000000..b8699af Binary files /dev/null and b/public/fonts/Inter-Regular.woff2 differ diff --git a/src/styles/main.css b/src/styles/main.css index f30fe76..6f03edf 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -2,7 +2,7 @@ @tailwind utilities; :root { - font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; + font-family: "Inter", Calibri, "Trebuchet MS", sans-serif; font-size: 18px; @media (min-width: 768px) { @@ -23,6 +23,11 @@ body { src: url(/fonts/SourceCodePro-Regular.otf.woff2) format("woff2"); } +@font-face { + font-family: "Inter"; + src: url(/fonts/Inter-Regular.otf.woff2) format("woff2"); +} + @layer components { .posts { @apply flex flex-col gap-10 md:gap-8; diff --git a/tailwind.config.mjs b/tailwind.config.mjs index 07ab701..f85f709 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -3,13 +3,7 @@ export default { content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"], theme: { fontFamily: { - sans: [ - "Gill Sans", - "Gill Sans MT", - "Calibri", - "Trebuchet MS", - "sans-serif", - ], + sans: ["Inter", "Calibri", "Trebuchet MS", "sans-serif"], mono: ["Courier New", "Courier", "monospace"], }, extend: {},