From b80acf799b70df4afb505a19f97bf7f35d052b8a Mon Sep 17 00:00:00 2001
From: 7Wate <zhouzhongping@7wate.com>
Date: Sun, 16 Jan 2022 03:20:40 +0800
Subject: [PATCH] feature(font): add serif and sans choose

---
 source/css/font.css  | 13 +++++++++++++
 source/css/font.scss | 18 ++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 source/css/font.css
 create mode 100644 source/css/font.scss

diff --git a/source/css/font.css b/source/css/font.css
new file mode 100644
index 0000000..72854b9
--- /dev/null
+++ b/source/css/font.css
@@ -0,0 +1,13 @@
+body {
+  font-size: 16px;
+  font-variant-numeric: tabular-nums;
+  -webkit-font-smoothing: antialiased;
+}
+
+[data-font=serif] {
+  font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+[data-font=sans] {
+  font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
\ No newline at end of file
diff --git a/source/css/font.scss b/source/css/font.scss
new file mode 100644
index 0000000..ce1ee96
--- /dev/null
+++ b/source/css/font.scss
@@ -0,0 +1,18 @@
+@charset "UTF-8";
+
+body {
+    font-size: 16px;
+    font-variant-numeric: tabular-nums;
+    -webkit-font-smoothing: antialiased;
+}
+
+[data-font="serif"]{
+    font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+        'Noto Sans', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+        'Noto Color Emoji';
+}
+[data-font="sans"]{
+    font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji';
+}