From cfb58fa9c7f65e5b87ebd3221dabdab57886b07f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= Date: Fri, 1 Mar 2024 12:40:09 +0100 Subject: [PATCH] feat: use Inter font for heading and body MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit I hope I read the PenPot design correctly here. Right now, I hotlink as documented by the font forge. We might want to self-host down the road. Signed-off-by: André Jaenisch --- src/app.html | 2 ++ src/app.postcss | 13 +++++++++++++ src/theme.postcss | 4 ++-- 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/src/app.html b/src/app.html index 482b79b..6d69e88 100644 --- a/src/app.html +++ b/src/app.html @@ -4,7 +4,9 @@ + %sveltekit.head% +
%sveltekit.body%
diff --git a/src/app.postcss b/src/app.postcss index 7000124..2cac56e 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -8,3 +8,16 @@ html, body { @apply h-full overflow-hidden; } + +:root { + font-family: Inter, sans-serif; + font-feature-settings: + 'liga' 1, + 'calt' 1; /* fix for Chrome */ +} + +@supports (font-variation-settings: normal) { + :root { + font-family: InterVariable, sans-serif; + } +} diff --git a/src/theme.postcss b/src/theme.postcss index 2ab8687..2fefea1 100644 --- a/src/theme.postcss +++ b/src/theme.postcss @@ -1,7 +1,7 @@ :root { /* =~= Theme Properties =~= */ - --theme-font-family-base: system-ui; - --theme-font-family-heading: system-ui; + --theme-font-family-base: InterVariable, Inter, sans-serif, system-ui; + --theme-font-family-heading: InterVariable, Inter, sans-serif, system-ui; --theme-font-color-base: 0 0 0; --theme-font-color-dark: 255 255 255; --theme-rounded-base: 4px;