From a9fc3cb89b0e0136979f69360a7f41b7764260ba Mon Sep 17 00:00:00 2001 From: delta Date: Wed, 5 Feb 2025 04:37:57 +0100 Subject: add fonts to the website --- assets/css/fonts.css | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++++ assets/css/main.css | 6 +++--- 2 files changed, 60 insertions(+), 3 deletions(-) create mode 100644 assets/css/fonts.css (limited to 'assets/css') diff --git a/assets/css/fonts.css b/assets/css/fonts.css new file mode 100644 index 0000000..1e1fc07 --- /dev/null +++ b/assets/css/fonts.css @@ -0,0 +1,57 @@ +/* Duo */ +@font-face { + font-family: "Aporetic"; + src: local("Aporetic"), url("/assets/fonts/aporetic-sans-normalbolditalic.woff2"); + font-style: italic; + font-weight: bold; +} + +@font-face { + font-family: "Aporetic"; + src: local("Aporetic"), url("/assets/fonts/aporetic-sans-normalboldupright.woff2"); + font-style: normal; + font-weight: bold; +} + +@font-face { + font-family: "Aporetic"; + src: local("Aporetic"), url("/assets/fonts/aporetic-sans-normalregularitalic.woff2"); + font-style: italic; + font-weight: normal; +} + +@font-face { + font-family: "Aporetic"; + src: local("Aporetic"), url("/assets/fonts/aporetic-sans-normalregularupright.woff2"); + font-style: normal; + font-weight: normal; +} + +/* Mono */ +@font-face { + font-family: "Aporetic Mono"; + src: local("Aporetic Mono"), url("/assets/fonts/aporetic-sans-mono-normalbolditalic.woff2"); + font-style: italic; + font-weight: bold; +} + +@font-face { + font-family: "Aporetic Mono"; + src: local("Aporetic Mono"), url("/assets/fonts/aporetic-sans-mono-normalboldupright.woff2"); + font-style: normal; + font-weight: bold; +} + +@font-face { + font-family: "Aporetic Mono"; + src: local("Aporetitalicic Mono"), url("/assets/fonts/aporetic-sans-mono-normalregularitalic.woff2"); + font-style: italic; + font-weight: normal; +} + +@font-face { + font-family: "Aporetic Mono"; + src: local("Aporetic Mono"), url("/assets/fonts/aporetic-sans-mono-normalregularupright.woff2"); + font-style: normal; + font-weight: normal; +} diff --git a/assets/css/main.css b/assets/css/main.css index 9f9ce62..c940d99 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,6 +1,6 @@ -:root { - --font: "Iosevka Comfy Duo"; +@import url("/assets/css/fonts.css"); +:root { --fg-low: oklch(70% 0.01368 253.09); --fg: oklch(80% 0.01368 253.09); --fg-high: oklch(90% 0.01368 253.09); @@ -38,7 +38,7 @@ } body { - font-family: "Iosevka Comfy Duo"; + font-family: "Aporetic", "Open Sans", sans-serif; background-color: var(--bg); color: var(--fg); display: flex; -- cgit v1.2.3