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;