From 1e1e9e265ab7264239078c2eb3073b8be042f964 Mon Sep 17 00:00:00 2001
From: Suyun114 <suyun@aosc.io>
Date: Wed, 11 Jun 2025 17:59:04 +0800
Subject: [PATCH] Update font variables to use system font stack

---
 src/sass/include/_variables.scss | 7 ++-----
 src/sass/index.scss              | 2 +-
 src/sass/inputs.scss             | 2 +-
 src/sass/tweet/_base.scss        | 2 +-
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/sass/include/_variables.scss b/src/sass/include/_variables.scss
index 0c95ff6..3c262c7 100644
--- a/src/sass/include/_variables.scss
+++ b/src/sass/include/_variables.scss
@@ -39,8 +39,5 @@ $shadow: rgba(0,0,0,.6);
 $shadow_dark: rgba(0,0,0,.2);
 
 //fonts
-$font_0: Helvetica Neue;
-$font_1: Helvetica;
-$font_2: Arial;
-$font_3: sans-serif;
-$font_4: fontello;
+$font_stack: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+$font_icon: fontello;
diff --git a/src/sass/index.scss b/src/sass/index.scss
index 6cab48e..d0f6c35 100644
--- a/src/sass/index.scss
+++ b/src/sass/index.scss
@@ -50,7 +50,7 @@ body {
 
     background-color: var(--bg_color);
     color: var(--fg_color);
-    font-family: $font_0, $font_1, $font_2, $font_3;
+    font-family: $font_stack;
     font-size: 14px;
     line-height: 1.3;
     margin: 0;
diff --git a/src/sass/inputs.scss b/src/sass/inputs.scss
index 17c2a22..88fafd6 100644
--- a/src/sass/inputs.scss
+++ b/src/sass/inputs.scss
@@ -136,7 +136,7 @@ input::-webkit-datetime-edit-year-field:focus {
         left: 2px;
         bottom: 0;
         font-size: 13px;
-        font-family: $font_4;
+        font-family: $font_icon;
         content: '\e803';
     }
 }
diff --git a/src/sass/tweet/_base.scss b/src/sass/tweet/_base.scss
index 69f51c0..94f2a69 100644
--- a/src/sass/tweet/_base.scss
+++ b/src/sass/tweet/_base.scss
@@ -17,7 +17,7 @@
 }
 
 .tweet-content {
-    font-family: $font_3;
+    font-family: $font_stack;
     line-height: 1.3em;
     pointer-events: all;
     display: inline;