diff --git a/src/assets/fonts/HarmonyOS_Sans_SC_Bold.ttf b/src/assets/fonts/HarmonyOS_Sans_SC_Bold.ttf
new file mode 100644
index 0000000..5c925d1
Binary files /dev/null and b/src/assets/fonts/HarmonyOS_Sans_SC_Bold.ttf differ
diff --git a/src/assets/fonts/HarmonyOS_Sans_SC_LICENSE.txt b/src/assets/fonts/HarmonyOS_Sans_SC_LICENSE.txt
new file mode 100644
index 0000000..211a701
Binary files /dev/null and b/src/assets/fonts/HarmonyOS_Sans_SC_LICENSE.txt differ
diff --git a/src/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf b/src/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf
new file mode 100644
index 0000000..aff150a
Binary files /dev/null and b/src/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf differ
diff --git a/src/assets/fonts/index.css b/src/assets/fonts/index.css
new file mode 100644
index 0000000..16b0e7e
--- /dev/null
+++ b/src/assets/fonts/index.css
@@ -0,0 +1,11 @@
+@font-face {
+  font-family: "HarmonyOS Sans SC";
+  font-weight: normal;
+  src: url("./HarmonyOS_Sans_SC_Regular.ttf");
+}
+
+@font-face {
+  font-family: "HarmonyOS Sans SC";
+  font-weight: bold;
+  src: url("./HarmonyOS_Sans_SC_Bold.ttf");
+}
diff --git a/src/main.js b/src/main.js
index 517ee34..878a945 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,7 @@ import { createApp } from 'vue';
 import { router } from './router';
 
 import '@mdi/font/css/materialdesignicons.css';
+import '@/assets/fonts/index.css';
 
 import lunisolar from 'lunisolar';
 import lunisolarLang1 from 'lunisolar/locale/en';