From d0fb06d03205e53e31e53055cdaec693b07e18d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Freixin=C3=B3s=20L=C3=B3pez?=
 <14282156+germanfrelo@users.noreply.github.com>
Date: Sat, 29 Jul 2023 17:50:53 +0200
Subject: [PATCH] WIP: use a modern font stack

---
 src/assets/css/styles.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
index e2a9dff..7ae1611 100644
--- a/src/assets/css/styles.css
+++ b/src/assets/css/styles.css
@@ -19,7 +19,9 @@
 
 :root {
 	/* Font */
-	--ff-sans-fallback: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+
+	/* https://github.com/system-fonts/modern-font-stacks */
+	--ff-sans-fallback: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 	--ff-body: "Asap", var(--ff-sans-fallback);
 	--fw-body-regular: 400;
 	--fw-body-medium: 500;
@@ -27,7 +29,7 @@
 	--fw-body-bold: 700;
 	--ff-headings: "Fira Sans", var(--ff-sans-fallback);
 	--fw-headings: 700;
-	--ff-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
+	--ff-mono: ui-monospace, "Cascadia Code", "Source Code Pro", "Menlo", "Consolas", "DejaVu Sans Mono", monospace;
 
 	/* Line Height */
 	--lh-base: 1.7;