From aae44e209f0b54011b24e7ba27c17810744b2229 Mon Sep 17 00:00:00 2001 From: taroj1205 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))`,