From 9c26a0b62093bc0ffafd7e0b9625888f929d1d84 Mon Sep 17 00:00:00 2001 From: Sangeeth Sudheer Date: Mon, 28 Oct 2024 13:23:56 +0530 Subject: Add font-family fallback and optimize font loading Optimized font loading by adding `font-display: swap`. Additionally, moved font-family values into CSS variables. --- assets/css/vars.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'assets/css/vars.css') diff --git a/assets/css/vars.css b/assets/css/vars.css index 01fba59..837acf7 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -12,6 +12,9 @@ --header-menu-top-gap: 1rem; /* Typography */ + --font-body: 'Literata', Georgia, Cambria, 'Noto Serif', 'Droif Serif', ui-serif, serif; + --font-mono: "Monaspace", ui-monospace, monospace; + --h1-margin-top: 2rem; --h1-margin-bottom: 1.5rem; --h2-margin-top: 2rem; @@ -71,4 +74,4 @@ --social-icons-bottom-margin: 0rem; --caption-padding: calc(2 * var(--main-padding)); } -} \ No newline at end of file +} -- cgit v1.2.3