diff --git a/src/renderer/src/assets/base.css b/src/renderer/src/assets/base.css
index 5ed6406a3..b5e2d9f0e 100644
--- a/src/renderer/src/assets/base.css
+++ b/src/renderer/src/assets/base.css
@@ -49,6 +49,7 @@ body {
   background: var(--color-background);
   line-height: 1.6;
   font-family:
+    SNPro,
     Inter,
     -apple-system,
     BlinkMacSystemFont,
diff --git a/src/renderer/src/assets/font.css b/src/renderer/src/assets/font.css
new file mode 100644
index 000000000..63ae3feb7
--- /dev/null
+++ b/src/renderer/src/assets/font.css
@@ -0,0 +1,83 @@
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-Thin.woff2');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-ThinItalic.woff2');
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-Light.woff2');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-LightItalic.woff2');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-Regular.woff2');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-Italic.woff2');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-Medium.woff2');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-MediumItalic.woff2');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-SemiBold.woff2');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-SemiBoldItalic.woff2');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-Bold.woff2');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'SNPro';
+  src: url('./font/SNPro-BoldItalic.woff2');
+  font-weight: 700;
+  font-style: italic;
+}
diff --git a/src/renderer/src/assets/font/SNPro-Bold.woff2 b/src/renderer/src/assets/font/SNPro-Bold.woff2
new file mode 100644
index 000000000..38e28c85c
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-Bold.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-BoldItalic.woff2 b/src/renderer/src/assets/font/SNPro-BoldItalic.woff2
new file mode 100644
index 000000000..1d43b9ecf
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-BoldItalic.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-Light.woff2 b/src/renderer/src/assets/font/SNPro-Light.woff2
new file mode 100644
index 000000000..733157c8e
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-Light.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-LightItalic.woff2 b/src/renderer/src/assets/font/SNPro-LightItalic.woff2
new file mode 100644
index 000000000..570ba514b
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-LightItalic.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-Medium.woff2 b/src/renderer/src/assets/font/SNPro-Medium.woff2
new file mode 100644
index 000000000..3223e3b31
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-Medium.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-MediumItalic.woff2 b/src/renderer/src/assets/font/SNPro-MediumItalic.woff2
new file mode 100644
index 000000000..43a3bc82e
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-MediumItalic.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-Regular.woff2 b/src/renderer/src/assets/font/SNPro-Regular.woff2
new file mode 100644
index 000000000..bf7ef46c8
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-Regular.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-RegularItalic.woff2 b/src/renderer/src/assets/font/SNPro-RegularItalic.woff2
new file mode 100644
index 000000000..6b55c9f38
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-RegularItalic.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-Semibold.woff2 b/src/renderer/src/assets/font/SNPro-Semibold.woff2
new file mode 100644
index 000000000..977eb176c
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-Semibold.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-SemiboldItalic.woff2 b/src/renderer/src/assets/font/SNPro-SemiboldItalic.woff2
new file mode 100644
index 000000000..39f069623
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-SemiboldItalic.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-Thin.woff2 b/src/renderer/src/assets/font/SNPro-Thin.woff2
new file mode 100644
index 000000000..d68dda2ce
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-Thin.woff2 differ
diff --git a/src/renderer/src/assets/font/SNPro-ThinItalic.woff2 b/src/renderer/src/assets/font/SNPro-ThinItalic.woff2
new file mode 100644
index 000000000..5a18d1652
Binary files /dev/null and b/src/renderer/src/assets/font/SNPro-ThinItalic.woff2 differ
diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css
index b3bc999e7..91c537db6 100644
--- a/src/renderer/src/assets/main.css
+++ b/src/renderer/src/assets/main.css
@@ -1,5 +1,6 @@
 @import './tailwind.css';
 @import './base.css';
+@import './font.css';
 
 body {
   display: flex;