diff --git a/core/core-frontend/src/layout/components/AiTips.vue b/core/core-frontend/src/layout/components/AiTips.vue
index e7288e295e..156b272eb2 100644
--- a/core/core-frontend/src/layout/components/AiTips.vue
+++ b/core/core-frontend/src/layout/components/AiTips.vue
@@ -53,13 +53,13 @@ onMounted(() => {
 .ai-popper-tips-content {
   color: rgba(255, 255, 255, 1);
   .title {
-    font-family: PingFang SC;
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
   }
   .content {
-    font-family: PingFang SC;
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 500;
     line-height: 22px;
diff --git a/core/core-frontend/src/layout/components/Copilot.vue b/core/core-frontend/src/layout/components/Copilot.vue
index 6070bf79c9..34afd50341 100644
--- a/core/core-frontend/src/layout/components/Copilot.vue
+++ b/core/core-frontend/src/layout/components/Copilot.vue
@@ -54,13 +54,13 @@ onMounted(() => {
 .copilot-popper-tips-content {
   color: rgba(255, 255, 255, 1);
   .title {
-    font-family: PingFang SC;
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
   }
   .content {
-    font-family: PingFang SC;
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 500;
     line-height: 22px;
diff --git a/core/core-frontend/src/views/login/index.vue b/core/core-frontend/src/views/login/index.vue
index 055df46775..bf1eace67c 100644
--- a/core/core-frontend/src/views/login/index.vue
+++ b/core/core-frontend/src/views/login/index.vue
@@ -502,7 +502,7 @@ onMounted(async () => {
     .login-form-title {
       margin-top: 20px;
       color: #1f2329;
-      font-family: PingFang SC;
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 20px;
       font-weight: 500;
       line-height: 28px;