diff --git a/public/css/global.css b/public/css/global.css index 2e8b152..48ab81a 100644 --- a/public/css/global.css +++ b/public/css/global.css @@ -19,6 +19,10 @@ :root { --c-thp: #f472b6; + + --font-display: 'Atkinson Hyperlegible', sans-serif; + --font-body: 'Atkinson Hyperlegible', sans-serif; + --font-code: "Iosevka Fixed Web", "Iosevka Nerd Font", Iosevka, monospace; } :root { @@ -64,7 +68,7 @@ html { } body { - font-family: Inter, 'Fira Sans', Inter, sans-serif; + font-family: var(--font-body); } @media only screen and (max-width: 600px) { @@ -75,7 +79,7 @@ body { pre, code { - font-family: "Iosevka Fixed Web", "Iosevka Nerd Font", Iosevka, monospace; + font-family: var(--font-code); } .button-effect-receiver { diff --git a/public/css/pages.css b/public/css/pages.css index 33aa2cb..b52cfd5 100644 --- a/public/css/pages.css +++ b/public/css/pages.css @@ -4,7 +4,7 @@ line-height: 2.5rem; margin-bottom: 1rem; margin-top: 2rem; - font-family: Outfit, Inter, sans-serif; + font-family: var(--font-display); opacity: 0.9; font-weight: 700; color: var(--c-text-2); @@ -16,7 +16,7 @@ line-height: 2rem; margin-bottom: 1rem; margin-top: 2.5rem; - font-family: Outfit, Inter, sans-serif; + font-family: var(--font-display); opacity: 0.9; font-weight: 600; color: var(--c-text-2); @@ -36,7 +36,7 @@ line-height: 1.75rem; margin-bottom: 1rem; margin-top: 1.75rem; - font-family: Outfit, Inter, sans-serif; + font-family: var(--font-display); opacity: 0.9; font-weight: 400; color: var(--c-text-2); diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 47e355d..57d3348 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -24,7 +24,7 @@ const { title } = Astro.props; diff --git a/src/layouts/PagesLayout.astro b/src/layouts/PagesLayout.astro index bdfeae3..6a7cdf9 100644 --- a/src/layouts/PagesLayout.astro +++ b/src/layouts/PagesLayout.astro @@ -77,7 +77,7 @@ for (const entry of pagesIndex) { -
+