diff --git a/web/src/app.css b/web/src/app.css
index d1af865bcadfa..088cd966e34df 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -25,12 +25,38 @@
 }
 
 @font-face {
-  font-family: 'Overpass';
-  src: url('$lib/assets/fonts/overpass/Overpass.ttf') format('truetype-variations');
-  font-weight: 1 999;
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'BeVietnamPro';
+  src: url('$lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf') format('truetype');
+  font-weight: 700;
   font-style: normal;
-  ascent-override: 106.25%;
-  size-adjust: 106.25%;
 }
 
 @font-face {
@@ -43,7 +69,7 @@
 }
 
 :root {
-  font-family: 'Overpass', sans-serif;
+  font-family: 'BeVietnamPro', sans-serif;
   /* Used by layouts to ensure proper spacing between navbar and content */
   --navbar-height: calc(theme(spacing.18) + 4px);
 }
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf
new file mode 100644
index 0000000000000..10b68f9b63a5f
Binary files /dev/null and b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Bold.ttf differ
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf
new file mode 100644
index 0000000000000..f8987cb02c720
Binary files /dev/null and b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Italic.ttf differ
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf
new file mode 100644
index 0000000000000..874fcf400a95c
Binary files /dev/null and b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Medium.ttf differ
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf
new file mode 100644
index 0000000000000..880ed948b7ae3
Binary files /dev/null and b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-Regular.ttf differ
diff --git a/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf
new file mode 100644
index 0000000000000..19c4f52e1bfdc
Binary files /dev/null and b/web/src/lib/assets/fonts/BeVietnamPro/BeVietnamPro-SemiBold.ttf differ