From aae44e209f0b54011b24e7ba27c17810744b2229 Mon Sep 17 00:00:00 2001
From: taroj1205 <taroj1205@gmail.com>
Date: Mon, 11 Nov 2024 22:56:06 +1300
Subject: [PATCH] feat(tailwind): enhance font stack for 'dm' and apply font to
 h2 elements

---
 tailwind.config.cjs | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 7c7ba06..4042b0b 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -48,7 +48,16 @@ module.exports = {
           '"Segoe UI Symbol"',
           '"Noto Color Emoji"',
         ],
-        dm: ["DM Sans"],
+        dm: [
+          "DM Sans",
+          "ui-sans-serif",
+          "system-ui",
+          "sans-serif",
+          '"Apple Color Emoji"',
+          '"Segoe UI Emoji"',
+          '"Segoe UI Symbol"',
+          '"Noto Color Emoji"',
+        ],
       },
       fontSize: {
         "scale-sm": "clamp(1rem, 2vw, 1.5rem)",
@@ -72,7 +81,7 @@ module.exports = {
       addBase({
         h2: {
           fontSize: `clamp(${theme("fontSize.6xl")}, 10vw, calc(${theme("fontSize.6xl")} + 1rem))`,
-          "@apply font-bold text-secondary leading-none": {},
+          "@apply font-bold text-secondary leading-none font-dm": {},
         },
         h3: {
           fontSize: `clamp(${theme("fontSize.4xl")}, 10vw, calc(${theme("fontSize.4xl")} + 1rem))`,