From 268658cc5c12aeef709f8c72a75a0777abf380b3 Mon Sep 17 00:00:00 2001 From: Xevion Date: Sat, 26 Aug 2023 00:16:09 -0500 Subject: [PATCH] Use Inter var as global default font --- src/styles/globals.scss | 4 +++- tailwind.config.cjs | 5 +++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/styles/globals.scss b/src/styles/globals.scss index b6e4f92..66d2168 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -2,6 +2,8 @@ @tailwind components; @tailwind utilities; +@import url('https://rsms.me/inter/inter.css'); + dd { margin: 0.5em 0 1em 2em; } @@ -12,7 +14,7 @@ dd { body { color-scheme: dark; - @apply bg-zinc-900 text-white; + @apply font-sans bg-zinc-900 text-white; } dd, dl { diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 8ebbcdc..c4efb58 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -1,9 +1,14 @@ /** @type {import('tailwindcss').Config} */ +const defaultTheme = require('tailwindcss/defaultTheme') + module.exports = { content: ["./src/**/*.{js,ts,jsx,tsx}"], darkMode: "class", theme: { extend: { + fontFamily: { + sans: ['Inter var', ...defaultTheme.fontFamily.sans], + }, colors: { zinc: { 850: "#1D1D20",