diff --git a/core/core-frontend/src/assets/font/AlibabaPuHuiTi-3-55-RegularL3.woff2 b/core/core-frontend/src/assets/font/AlibabaPuHuiTi-3-55-RegularL3.woff2
deleted file mode 100644
index 3856b244ce..0000000000
Binary files a/core/core-frontend/src/assets/font/AlibabaPuHuiTi-3-55-RegularL3.woff2 and /dev/null differ
diff --git a/core/core-frontend/src/assets/font/index.css b/core/core-frontend/src/assets/font/index.css
deleted file mode 100644
index e135478daa..0000000000
--- a/core/core-frontend/src/assets/font/index.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@font-face {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
-  src: url('AlibabaPuHuiTi-3-55-RegularL3.woff2') format('woff2');
-  font-weight: normal;
-  font-style: normal;
-}
diff --git a/core/core-frontend/src/components/color-scheme/src/ColorScheme.vue b/core/core-frontend/src/components/color-scheme/src/ColorScheme.vue
index eb3c5f2081..1a09ce0b84 100644
--- a/core/core-frontend/src/components/color-scheme/src/ColorScheme.vue
+++ b/core/core-frontend/src/components/color-scheme/src/ColorScheme.vue
@@ -187,7 +187,7 @@ const resetCustomColor = () => {
   .custom-title {
     justify-content: space-between;
     color: #646a73;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
diff --git a/core/core-frontend/src/components/column-list/src/ColumnList.vue b/core/core-frontend/src/components/column-list/src/ColumnList.vue
index b146641b5b..a98409bda8 100644
--- a/core/core-frontend/src/components/column-list/src/ColumnList.vue
+++ b/core/core-frontend/src/components/column-list/src/ColumnList.vue
@@ -90,7 +90,7 @@ const handleCheckAllChange = (val: CheckboxValueType) => {
 
   .title,
   .ed-checkbox {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 400;
     padding: 5px 0;
diff --git a/core/core-frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue b/core/core-frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
index faed0b30cb..f2754bb8e1 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
@@ -58,7 +58,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
@@ -72,7 +72,7 @@ defineExpose({
 
     .item,
     .more {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       white-space: nowrap;
       font-size: 14px;
       font-weight: 400;
diff --git a/core/core-frontend/src/components/drawer-filter/src/DrawerFilter.vue b/core/core-frontend/src/components/drawer-filter/src/DrawerFilter.vue
index dffd945720..6b458892f7 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerFilter.vue
@@ -75,7 +75,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
diff --git a/core/core-frontend/src/components/drawer-filter/src/DrawerTreeFilter.vue b/core/core-frontend/src/components/drawer-filter/src/DrawerTreeFilter.vue
index 6b0e336dd7..15d70378cf 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerTreeFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerTreeFilter.vue
@@ -104,7 +104,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
diff --git a/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue b/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue
index d8dc035b9e..d30ac9579f 100644
--- a/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue
+++ b/core/core-frontend/src/components/empty-background/src/EmptyBackground.vue
@@ -55,7 +55,7 @@ const getAssetsFile = {
   color: var(--N600, #646a73);
   text-align: center;
   /* 正文-字号 14，行高 22，字重适中（Regular），用于列表Feed会话 */
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
diff --git a/core/core-frontend/src/components/filter-text/src/FilterText.vue b/core/core-frontend/src/components/filter-text/src/FilterText.vue
index 2fe8ec96f9..56df7839f4 100644
--- a/core/core-frontend/src/components/filter-text/src/FilterText.vue
+++ b/core/core-frontend/src/components/filter-text/src/FilterText.vue
@@ -96,7 +96,7 @@ watch(
   display: flex;
   align-items: center;
   margin: 17px 0;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-weight: 400;
 
   .sum {
diff --git a/core/core-frontend/src/components/rich-text/TinymacEditorAlarm.vue b/core/core-frontend/src/components/rich-text/TinymacEditorAlarm.vue
index bc3aaddbd1..c3794ce5e3 100644
--- a/core/core-frontend/src/components/rich-text/TinymacEditorAlarm.vue
+++ b/core/core-frontend/src/components/rich-text/TinymacEditorAlarm.vue
@@ -73,7 +73,7 @@ const init = ref({
     ' blockquote subscript superscript removeformat | table image media link',
   toolbar_location: '/',
   font_formats:
-    '阿里巴巴普惠体=阿里巴巴普惠体 3.0 55 Regular L3;微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
+    '微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
   fontsize_formats: '12px 14px 16px 18px 20px 22px 24px 28px 32px 36px 48px 56px 72px', // 字体大小
   menubar: false,
   placeholder: '',
diff --git a/core/core-frontend/src/components/rich-text/TinymceEditor.vue b/core/core-frontend/src/components/rich-text/TinymceEditor.vue
index 7e2afc392d..d94de3377d 100644
--- a/core/core-frontend/src/components/rich-text/TinymceEditor.vue
+++ b/core/core-frontend/src/components/rich-text/TinymceEditor.vue
@@ -65,7 +65,7 @@ const init = ref({
     ' blockquote subscript superscript removeformat | table image media ',
   toolbar_location: '/',
   font_formats:
-    '阿里巴巴普惠体=阿里巴巴普惠体 3.0 55 Regular L3;微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
+    '微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
   fontsize_formats: '12px 14px 16px 18px 20px 22px 24px 28px 32px 36px 48px 56px 72px', // 字体大小
   menubar: false,
   placeholder: '',
diff --git a/core/core-frontend/src/components/visualization/LinkJumpSet.vue b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
index 24537eeffc..e5a18bf34f 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -899,7 +899,7 @@ defineExpose({
 
   color: var(--neutral-900, #1f2329);
   /* 中文/桌面端/正文 14 22 Regular */
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
diff --git a/core/core-frontend/src/components/visualization/linkJump.vue b/core/core-frontend/src/components/visualization/linkJump.vue
index b00f25428f..31dbde8f46 100644
--- a/core/core-frontend/src/components/visualization/linkJump.vue
+++ b/core/core-frontend/src/components/visualization/linkJump.vue
@@ -266,7 +266,7 @@ defineExpose({
 
 <style lang="less">
 .jump-linkage {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
 
   .chart-dataset-name {
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index 0db2085076..4376cbc9f4 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -137,7 +137,7 @@ const init = ref({
     ' blockquote subscript superscript removeformat | table image ',
   toolbar_location: '/',
   font_formats:
-    '阿里巴巴普惠体=阿里巴巴普惠体 3.0 55 Regular L3;微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
+    '微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
   fontsize_formats: '12px 14px 16px 18px 20px 22px 24px 28px 32px 36px 42px 48px 56px 72px', // 字体大小
   menubar: false,
   placeholder: '',
diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue
index 6559dff709..507d98ae1a 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -656,7 +656,7 @@ const autoStyle = computed(() => {
       justify-content: center;
       color: #646a73;
       text-align: center;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
@@ -672,7 +672,7 @@ const autoStyle = computed(() => {
   .title {
     color: #1f2329;
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
@@ -731,7 +731,7 @@ const autoStyle = computed(() => {
           text-overflow: ellipsis;
           white-space: nowrap;
           color: #1f2329;
-          font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+          font-family: var(--de-custom_font, 'PingFang');
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue b/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
index 0488e6d9ce..57a0bfb6da 100644
--- a/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
+++ b/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
@@ -641,8 +641,7 @@ defineExpose({
         border-radius: 0;
         box-shadow: none;
         height: 26px;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei,
-          sans-serif;
+        font-family: var(--de-custom_font, 'PingFang');
         word-wrap: break-word;
         text-align: left;
         color: rgba(0, 0, 0, 0.65);
diff --git a/core/core-frontend/src/custom-component/v-query/QueryCascade.vue b/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
index 70ecfd081b..319ce3b0d3 100644
--- a/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
+++ b/core/core-frontend/src/custom-component/v-query/QueryCascade.vue
@@ -307,7 +307,7 @@ defineExpose({
     background: #e1eaff;
     position: relative;
     padding: 9px 0 9px 40px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 400;
 
diff --git a/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue b/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
index 8e80718dc1..4598a0f6c5 100644
--- a/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
+++ b/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
@@ -2119,7 +2119,7 @@ defineExpose({
   }
 }
 .dataset-parameters {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   font-weight: 400;
   .ed-select-dropdown__item {
@@ -2164,7 +2164,7 @@ defineExpose({
   }
   .container {
     font-size: 14px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     width: 1152px;
     height: 454px;
     border-radius: 4px;
@@ -2187,7 +2187,7 @@ defineExpose({
         display: flex;
         align-items: center;
         justify-content: space-between;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
@@ -2254,7 +2254,7 @@ defineExpose({
       }
 
       .title {
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
@@ -2320,7 +2320,7 @@ defineExpose({
         color: #646a73;
         height: 16px;
         padding: 0px 4px;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 10px;
         font-style: normal;
         font-weight: 500;
@@ -2349,7 +2349,7 @@ defineExpose({
       }
       .title {
         margin-bottom: 16px;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
@@ -2463,8 +2463,7 @@ defineExpose({
                 border-radius: 0;
                 box-shadow: none;
                 height: 26px;
-                font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei,
-                  sans-serif;
+                font-family: var(--de-custom_font, 'PingFang');
                 word-wrap: break-word;
                 text-align: left;
                 color: rgba(0, 0, 0, 0.65);
diff --git a/core/core-frontend/src/layout/components/AccountOperator.vue b/core/core-frontend/src/layout/components/AccountOperator.vue
index 2e626eaf0e..bb0095fd38 100644
--- a/core/core-frontend/src/layout/components/AccountOperator.vue
+++ b/core/core-frontend/src/layout/components/AccountOperator.vue
@@ -186,7 +186,7 @@ if (uid.value === '1') {
 }
 .is-light-top-info {
   .uname-span {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     color: var(--ed-color-black) !important;
   }
   &:hover {
@@ -210,7 +210,7 @@ if (uid.value === '1') {
     border-radius: 50%;
   }
   .uname-span {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     color: rgba(255, 255, 255, 0.8);
   }
diff --git a/core/core-frontend/src/layout/components/HeaderSystem.vue b/core/core-frontend/src/layout/components/HeaderSystem.vue
index a1a60c1a1a..b9cddde96c 100644
--- a/core/core-frontend/src/layout/components/HeaderSystem.vue
+++ b/core/core-frontend/src/layout/components/HeaderSystem.vue
@@ -41,7 +41,7 @@ const navigate = computed(() => appearanceStore.getNavigate)
 
 <style lang="less" scoped>
 .system-header {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
 
   .logo {
     width: 134px;
diff --git a/core/core-frontend/src/pages/index/main.ts b/core/core-frontend/src/pages/index/main.ts
index 7f993542a0..4faa725053 100644
--- a/core/core-frontend/src/pages/index/main.ts
+++ b/core/core-frontend/src/pages/index/main.ts
@@ -1,5 +1,4 @@
 import { createApp } from 'vue'
-import '../../assets/font/index.css'
 import '@/style/index.less'
 import 'normalize.css/normalize.css'
 import '@antv/s2/dist/style.min.css'
diff --git a/core/core-frontend/src/pages/mobile/main.ts b/core/core-frontend/src/pages/mobile/main.ts
index a9d842c7b0..4926a1e596 100644
--- a/core/core-frontend/src/pages/mobile/main.ts
+++ b/core/core-frontend/src/pages/mobile/main.ts
@@ -1,5 +1,4 @@
 import { createApp } from 'vue'
-import '../../assets/font/index.css'
 import '@/style/index.less'
 import 'normalize.css/normalize.css'
 import '@antv/s2/dist/style.min.css'
diff --git a/core/core-frontend/src/pages/panel/main.ts b/core/core-frontend/src/pages/panel/main.ts
index d3cd323367..e643fdb163 100644
--- a/core/core-frontend/src/pages/panel/main.ts
+++ b/core/core-frontend/src/pages/panel/main.ts
@@ -54,7 +54,6 @@ document.querySelector('head').appendChild = <T extends Node>(node: T) => {
   return newNode
 }
 import { App, createApp } from 'vue'
-import '../../assets/font/index.css'
 import '@/style/index.less'
 import 'normalize.css/normalize.css'
 import '@antv/s2/dist/style.min.css'
diff --git a/core/core-frontend/src/store/modules/appearance.ts b/core/core-frontend/src/store/modules/appearance.ts
index 4df485217d..ddc3ae180c 100644
--- a/core/core-frontend/src/store/modules/appearance.ts
+++ b/core/core-frontend/src/store/modules/appearance.ts
@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia'
 import { store } from '@/store/index'
+import { defaultFont } from '@/api/font'
 import { uiLoadApi } from '@/api/login'
 import { useCache } from '@/hooks/web/useCache'
 import colorFunctions from 'less/lib/less/functions/color.js'
@@ -179,12 +180,37 @@ export const useAppearanceStore = defineStore('appearanceStore', {
       if (this.loaded) {
         return
       }
-      document.title = ''
+
+      defaultFont().then(res => {
+        const [font] = res || []
+        setDefaultFont(`${basePath}/typeface/download/${font?.id}`, font?.name)
+        function setDefaultFont(url, name) {
+          if (!name) return
+          let fontStyleElement = document.querySelector('#de-custom_font')
+          if (!fontStyleElement) {
+            fontStyleElement = document.createElement('style')
+            fontStyleElement.setAttribute('id', 'de-custom_font')
+            document.querySelector('head').appendChild(fontStyleElement)
+          }
+          fontStyleElement.innerHTML = `@font-face {
+                font-family: '${name}';
+                src: url(${url});
+                font-weight: normal;
+                font-style: normal;
+                }`
+          document.documentElement.style.setProperty('--de-custom_font', `${name}`)
+        }
+      })
+      if (!isDataEaseBi) {
+        document.title = ''
+      }
       const res = await uiLoadApi()
       this.loaded = true
       const resData = res.data
       if (!resData?.length) {
-        document.title = 'DataEase'
+        if (!isDataEaseBi) {
+          document.title = 'DataEase'
+        }
         return
       }
       const data: AppearanceState = { loaded: false, community: true }
diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index bbe2a3cda8..a7bc70df7d 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -1,12 +1,8 @@
 :root {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Helvetica Neue, Helvetica,
-    '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1,
-    Arial, sans-serif;
+  font-family: var(--de-custom_font, 'PingFang');
   line-height: 1.5;
   font-weight: 400;
-
   color-scheme: light dark;
-
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
@@ -100,7 +96,7 @@ body {
 }
 
 .title-form_primary {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -520,7 +516,6 @@ strong {
   }
 }
 
-
 .preview-content-inner-full {
   width: 100%;
   height: 100%;
diff --git a/core/core-frontend/src/views/about/index.vue b/core/core-frontend/src/views/about/index.vue
index 64fac972ed..1adb0368f5 100644
--- a/core/core-frontend/src/views/about/index.vue
+++ b/core/core-frontend/src/views/about/index.vue
@@ -295,7 +295,7 @@ const syncFree = () => {
     margin-top: -7px;
 
     .item {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/Senior.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/Senior.vue
index 36bfbd924d..6a6ece966f 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/Senior.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/Senior.vue
@@ -446,7 +446,7 @@ span {
 }
 
 .label-dark {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue
index cdbb75ce87..e54ab47fef 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/AssistLine.vue
@@ -361,7 +361,7 @@ span {
 }
 
 .label-dark {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
index 2047acb07b..4ca45bee0a 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
@@ -844,7 +844,7 @@ span {
   }
 }
 .label-dark {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue
index 7cbd6abf5a..9e42ffcd50 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorNameSelector.vue
@@ -373,7 +373,7 @@ defineExpose({ getFormData })
 }
 .remark-label {
   color: var(--N600, #646a73);
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
index f2526a5940..333123e92f 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
@@ -658,7 +658,7 @@ defineExpose({ getFormData })
 }
 .remark-label {
   color: var(--N600, #646a73);
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
index 97dbce2fb9..08c4e1b708 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/TitleSelector.vue
@@ -479,7 +479,7 @@ watch(
 }
 .remark-label {
   color: var(--N600, #646a73);
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/QuotaFilterEditor.vue b/core/core-frontend/src/views/chart/components/editor/filter/QuotaFilterEditor.vue
index d265f4d224..01f02f1af3 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/QuotaFilterEditor.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/QuotaFilterEditor.vue
@@ -202,7 +202,7 @@ span {
     :deep(span) {
       color: var(--N900, #1f2329);
       /* 中文/桌面端/正文 14 22 Regular */
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue b/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
index b1c1a4e83d..923abd51db 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
@@ -412,7 +412,7 @@ span {
     :deep(span) {
       color: var(--N900, #1f2329);
       /* 中文/桌面端/正文 14 22 Regular */
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/AuthTree.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/AuthTree.vue
index 2b71a5a76a..b456bdc900 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/AuthTree.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/AuthTree.vue
@@ -152,7 +152,7 @@ const del = (index, child) => {
     z-index: 10;
 
     .operate-title {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: var(--de-custom_font, 'PingFang');
       word-wrap: break-word;
       box-sizing: border-box;
       color: rgba(0, 0, 0, 0.65);
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
index 68504e4c4c..2aa3646568 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
@@ -695,7 +695,7 @@ const emits = defineEmits(['update:item', 'del'])
   }
 
   .bottom-line {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: var(--de-custom_font, 'PingFang');
     font-variant: tabular-nums;
     font-feature-settings: 'tnum';
     word-wrap: break-word;
@@ -743,7 +743,7 @@ const emits = defineEmits(['update:item', 'del'])
     border-radius: 0;
     box-shadow: none;
     height: 26px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: var(--de-custom_font, 'PingFang');
     word-wrap: break-word;
     text-align: left;
     color: rgba(0, 0, 0, 0.65);
@@ -856,8 +856,7 @@ const emits = defineEmits(['update:item', 'del'])
   }
 
   .ed-input {
-    font-family: Alibaba-PuHuiTi-Regular, Helvetica Neue, Helvetica, Arial,
-      '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: var(--de-custom_font, 'PingFang');
     box-sizing: border-box;
     margin: 0;
     color: rgba(0, 0, 0, 0.65);
@@ -890,7 +889,7 @@ const emits = defineEmits(['update:item', 'del'])
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.05);
     .mod-left {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: var(--de-custom_font, 'PingFang');
       color: rgba(0, 0, 0, 0.65);
       font-size: 12px;
       vertical-align: top;
@@ -936,7 +935,7 @@ const emits = defineEmits(['update:item', 'del'])
       border-left: 1px solid hsla(0, 0%, 59%, 0.1);
     }
     .autochecker-list {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: var(--de-custom_font, 'PingFang');
       color: rgba(0, 0, 0, 0.65);
       box-sizing: border-box;
       width: 100%;
@@ -981,8 +980,7 @@ const emits = defineEmits(['update:item', 'del'])
         }
 
         label {
-          font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei,
-            sans-serif;
+          font-family: var(--de-custom_font, 'PingFang');
           font-size: 12px;
           direction: ltr;
           color: #333;
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index 3f5beced93..2684d035c2 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -3693,7 +3693,7 @@ const deleteChartFieldItem = id => {
         height: 35px;
         line-height: 35px;
         color: var(--ed-color-primary, #3370ff);
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 12px;
         font-style: normal;
         font-weight: 500;
@@ -3722,7 +3722,7 @@ const deleteChartFieldItem = id => {
         height: 35px;
         line-height: 35px;
         color: var(--ed-color-primary, #3370ff);
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 12px;
         font-style: normal;
         font-weight: 500;
@@ -3774,7 +3774,7 @@ const deleteChartFieldItem = id => {
         height: 35px;
         line-height: 35px;
         color: var(--ed-color-primary, #3370ff);
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 12px;
         font-style: normal;
         font-weight: 500;
@@ -4640,7 +4640,7 @@ span {
   margin-bottom: 16px !important;
 
   .text {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -4649,7 +4649,7 @@ span {
     --ed-input-height: 32px;
 
     :deep(.ed-input__inner) {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -4660,7 +4660,7 @@ span {
   :deep(.ed-form-item__label) {
     color: #1f2329;
 
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
diff --git a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
index 02886e704d..a5c5cf9327 100644
--- a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
+++ b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
@@ -413,7 +413,7 @@ const emits = defineEmits(['finish'])
       margin-bottom: 8px;
     }
     span {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
diff --git a/core/core-frontend/src/views/common/DvDetailInfo.vue b/core/core-frontend/src/views/common/DvDetailInfo.vue
index e001bcc3b8..f6319c69f6 100644
--- a/core/core-frontend/src/views/common/DvDetailInfo.vue
+++ b/core/core-frontend/src/views/common/DvDetailInfo.vue
@@ -33,7 +33,7 @@ const timestampFormatDate = value => {
 
 <style lang="less" scoped>
 .info-card {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   padding-left: 4px;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/copilot/DialogueChart.vue b/core/core-frontend/src/views/copilot/DialogueChart.vue
index 38a5e85fac..ab6778a4e1 100644
--- a/core/core-frontend/src/views/copilot/DialogueChart.vue
+++ b/core/core-frontend/src/views/copilot/DialogueChart.vue
@@ -476,7 +476,7 @@ const tips = computed(() => {
     margin-left: 8px;
     border-radius: 8px;
     .question-or-title {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
@@ -510,7 +510,7 @@ const tips = computed(() => {
     }
 
     .is-welcome {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
diff --git a/core/core-frontend/src/views/copilot/index.vue b/core/core-frontend/src/views/copilot/index.vue
index 558b70e1bd..f52a697b09 100644
--- a/core/core-frontend/src/views/copilot/index.vue
+++ b/core/core-frontend/src/views/copilot/index.vue
@@ -493,7 +493,7 @@ const queryAnswer = (event?: KeyboardEvent) => {
       .title-dataset_select {
         width: 100%;
         margin: 16px 16px 12px 16px;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-weight: 500;
         line-height: 22px;
@@ -547,7 +547,7 @@ const queryAnswer = (event?: KeyboardEvent) => {
             position: sticky;
             top: 0px;
             height: 49px;
-            font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+            font-family: var(--de-custom_font, 'PingFang');
             font-style: normal;
             font-weight: 500;
             font-size: 14px;
diff --git a/core/core-frontend/src/views/login/index.vue b/core/core-frontend/src/views/login/index.vue
index ba212277a9..055df46775 100644
--- a/core/core-frontend/src/views/login/index.vue
+++ b/core/core-frontend/src/views/login/index.vue
@@ -464,7 +464,7 @@ onMounted(async () => {
     text-align: center;
     margin-top: 8px;
     color: #646a73;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -512,7 +512,7 @@ onMounted(async () => {
 
   :deep(.ed-divider__text) {
     color: #8f959e;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
diff --git a/core/core-frontend/src/views/share/share/ShareTicket.vue b/core/core-frontend/src/views/share/share/ShareTicket.vue
index 9d2d97abc6..e22e50f9d8 100644
--- a/core/core-frontend/src/views/share/share/ShareTicket.vue
+++ b/core/core-frontend/src/views/share/share/ShareTicket.vue
@@ -378,7 +378,7 @@ onMounted(() => {
       display: flex;
       align-items: center;
       color: #1f2329;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-weight: 500;
       font-size: 14px;
       .ticket-title {
diff --git a/core/core-frontend/src/views/system/font/FontInfo.vue b/core/core-frontend/src/views/system/font/FontInfo.vue
index fd0299a756..09ec2d8391 100644
--- a/core/core-frontend/src/views/system/font/FontInfo.vue
+++ b/core/core-frontend/src/views/system/font/FontInfo.vue
@@ -46,7 +46,7 @@ const del = () => {
   }
 
   .info {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     width: 80%;
diff --git a/core/core-frontend/src/views/system/font/index.vue b/core/core-frontend/src/views/system/font/index.vue
index ac386f6bc8..b948fde47e 100644
--- a/core/core-frontend/src/views/system/font/index.vue
+++ b/core/core-frontend/src/views/system/font/index.vue
@@ -1,13 +1,11 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
-
 import UploadDetail from './UploadDetail.vue'
-import { deleteById, edit, list } from '@/api/font'
+import { deleteById, edit, list, defaultFont } from '@/api/font'
 import { ElMessage, ElMessageBox } from 'element-plus-secondary'
-import { useI18n } from '@/hooks/web/useI18n'
-import { templateDelete } from '@/api/template'
 const fontKeyword = ref('')
 const fontList = ref([])
+const basePath = import.meta.env.VITE_API_BASEPATH
 
 const uploadDetail = ref()
 const uploadFont = (title, type, item) => {
@@ -34,6 +32,7 @@ const deleteFont = item => {
     deleteById(item.id).then(() => {
       ElMessage.success('删除成功')
       listFont()
+      getDefaultFont()
     })
   })
 }
@@ -42,6 +41,30 @@ const setToDefault = item => {
   item.isDefault = 1
   edit(item).then(() => {
     ElMessage.success('设置成功')
+    getDefaultFont()
+  })
+}
+const setDefaultFont = (url, name) => {
+  let fontStyleElement = document.querySelector('#de-custom_font')
+  if (!fontStyleElement && name) {
+    fontStyleElement = document.createElement('style')
+    fontStyleElement.setAttribute('id', 'de-custom_font')
+    document.querySelector('head').appendChild(fontStyleElement)
+  }
+  fontStyleElement.innerHTML = name
+    ? `@font-face {
+              font-family: '${name}';
+              src: url(${url});
+              font-weight: normal;
+              font-style: normal;
+              }`
+    : ''
+  document.documentElement.style.setProperty('--de-custom_font', `${name ? name : ''}`)
+}
+const getDefaultFont = () => {
+  defaultFont().then(res => {
+    const [font] = res || []
+    setDefaultFont(`${basePath}/typeface/download/${font?.id}`, font?.name)
   })
 }
 
@@ -49,6 +72,7 @@ const cancelDefault = item => {
   item.isDefault = 0
   edit(item).then(() => {
     ElMessage.success('取消成功')
+    getDefaultFont()
   })
 }
 
@@ -84,7 +108,7 @@ onMounted(() => {
         <div class="font-name">
           {{ ele.name }} <span v-if="ele.isBuiltin" class="font-type"> 系统内置 </span>
         </div>
-        <div class="font-update_time">
+        <div :title="ele.fileName" class="font-update_time">
           更新时间： {{ new Date(ele.updateTime).toLocaleString() }}
           <span class="line"></span> 字库文件： {{ ele.fileName }}
         </div>
@@ -194,6 +218,9 @@ onMounted(() => {
         color: #646a73;
         display: flex;
         align-items: center;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
         .line {
           width: 1px;
           height: 14px;
diff --git a/core/core-frontend/src/views/system/parameter/email/EmailEdit.vue b/core/core-frontend/src/views/system/parameter/email/EmailEdit.vue
index faf0048303..5cae364392 100644
--- a/core/core-frontend/src/views/system/parameter/email/EmailEdit.vue
+++ b/core/core-frontend/src/views/system/parameter/email/EmailEdit.vue
@@ -139,7 +139,7 @@ defineExpose({
     }
 
     .pwd {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
@@ -158,7 +158,7 @@ defineExpose({
       padding: 0 20px;
       color: #1f2329;
       text-align: center;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/system/parameter/engine/EngineInfoTemplate.vue b/core/core-frontend/src/views/system/parameter/engine/EngineInfoTemplate.vue
index dcd19ee179..cb837b1064 100644
--- a/core/core-frontend/src/views/system/parameter/engine/EngineInfoTemplate.vue
+++ b/core/core-frontend/src/views/system/parameter/engine/EngineInfoTemplate.vue
@@ -146,7 +146,7 @@ const validateById = async () => {
 </script>
 <style lang="less">
 .de-expand-engine {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
diff --git a/core/core-frontend/src/views/system/parameter/index.vue b/core/core-frontend/src/views/system/parameter/index.vue
index 67ba9162db..8f195a5672 100644
--- a/core/core-frontend/src/views/system/parameter/index.vue
+++ b/core/core-frontend/src/views/system/parameter/index.vue
@@ -45,7 +45,7 @@ const addTable = tab => {
 .router-title {
   color: #1f2329;
   font-feature-settings: 'clig' off, 'liga' off;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
diff --git a/core/core-frontend/src/views/template-market/component/MarketPreview.vue b/core/core-frontend/src/views/template-market/component/MarketPreview.vue
index c2314f7c9b..09a50c4cda 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreview.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreview.vue
@@ -356,7 +356,7 @@ onMounted(() => {
 .insert-filter {
   display: inline-block;
   font-weight: 400 !important;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
@@ -385,7 +385,7 @@ onMounted(() => {
 .insert {
   display: inline-block;
   font-weight: 400 !important;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
diff --git a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
index aa30d332eb..316f03cd30 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
@@ -473,7 +473,7 @@ onMounted(() => {
 .insert-filter {
   display: inline-block;
   font-weight: 400 !important;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
diff --git a/core/core-frontend/src/views/template/component/DeTemplateItem.vue b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
index da2d5b536f..f8b2fe774b 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateItem.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
@@ -142,7 +142,7 @@ const handleCommand = key => {
 
   .de-model-text {
     margin-left: 8px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
diff --git a/core/core-frontend/src/views/template/component/DeTemplateList.vue b/core/core-frontend/src/views/template/component/DeTemplateList.vue
index 550a5e4f56..7450aa25df 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateList.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateList.vue
@@ -144,7 +144,7 @@ defineExpose({
     align-items: center;
     border-radius: 4px;
     color: var(--deTextPrimary, #1f2329);
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
diff --git a/core/core-frontend/src/views/template/index.vue b/core/core-frontend/src/views/template/index.vue
index e610062624..550bf439a1 100644
--- a/core/core-frontend/src/views/template/index.vue
+++ b/core/core-frontend/src/views/template/index.vue
@@ -586,7 +586,7 @@ onMounted(() => {
     .active-template {
       height: 56px;
       padding: 0px 24px;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-style: normal;
       font-weight: 500;
       font-size: 16px;
@@ -612,7 +612,7 @@ onMounted(() => {
 .router-title {
   color: #1f2329;
   font-feature-settings: 'clig' off, 'liga' off;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/DatasetDetail.vue b/core/core-frontend/src/views/visualized/data/dataset/DatasetDetail.vue
index 8577756085..50b398ebaa 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/DatasetDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/DatasetDetail.vue
@@ -36,7 +36,7 @@ const { t } = useI18n()
 
 <style lang="less" scoped>
 .info-card {
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   padding-left: 4px;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/AuthTree.vue b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/AuthTree.vue
index 4608efe5ab..5d092788e4 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/AuthTree.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/AuthTree.vue
@@ -149,7 +149,7 @@ const del = (index, child) => {
     z-index: 10;
 
     .operate-title {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: var(--de-custom_font, 'PingFang');
       word-wrap: break-word;
       box-sizing: border-box;
       color: rgba(0, 0, 0, 0.65);
diff --git a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
index 1d0cefa277..0408980f40 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
@@ -558,7 +558,7 @@ const emits = defineEmits(['update:item', 'del'])
   }
 
   .bottom-line {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: var(--de-custom_font, 'PingFang');
     font-variant: tabular-nums;
     font-feature-settings: 'tnum';
     word-wrap: break-word;
@@ -606,7 +606,7 @@ const emits = defineEmits(['update:item', 'del'])
     border-radius: 0;
     box-shadow: none;
     height: 26px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: var(--de-custom_font, 'PingFang');
     word-wrap: break-word;
     text-align: left;
     color: rgba(0, 0, 0, 0.65);
@@ -719,8 +719,7 @@ const emits = defineEmits(['update:item', 'del'])
   }
 
   .ed-input {
-    font-family: Alibaba-PuHuiTi-Regular, Helvetica Neue, Helvetica, Arial,
-      '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: var(--de-custom_font, 'PingFang');
     box-sizing: border-box;
     margin: 0;
     color: rgba(0, 0, 0, 0.65);
@@ -753,7 +752,7 @@ const emits = defineEmits(['update:item', 'del'])
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.05);
     .mod-left {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: var(--de-custom_font, 'PingFang');
       color: rgba(0, 0, 0, 0.65);
       font-size: 12px;
       vertical-align: top;
@@ -799,7 +798,7 @@ const emits = defineEmits(['update:item', 'del'])
       border-left: 1px solid hsla(0, 0%, 59%, 0.1);
     }
     .autochecker-list {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: var(--de-custom_font, 'PingFang');
       color: rgba(0, 0, 0, 0.65);
       box-sizing: border-box;
       width: 100%;
@@ -844,8 +843,7 @@ const emits = defineEmits(['update:item', 'del'])
         }
 
         label {
-          font-family: '阿里巴巴普惠体 3.0 55 Regular L3', Hiragino Sans GB, Microsoft YaHei,
-            sans-serif;
+          font-family: var(--de-custom_font, 'PingFang');
           font-size: 12px;
           direction: ltr;
           color: #333;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
index 5b0f920fb5..f05c4cb924 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
@@ -913,7 +913,7 @@ const mousedownDrag = () => {
     height: 100%;
     width: 240px;
     float: left;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     border-right: 1px solid rgba(31, 35, 41, 0.15);
 
     .list-item_primary {
@@ -1029,7 +1029,7 @@ const mousedownDrag = () => {
     float: right;
     height: calc(100vh - 156px);
     .sql-result {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       overflow-y: auto;
       box-sizing: border-box;
@@ -1199,7 +1199,7 @@ const mousedownDrag = () => {
 .sql-tips {
   color: #646a73;
   text-align: center;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
@@ -1223,7 +1223,7 @@ const mousedownDrag = () => {
       .num {
         margin-left: auto;
         color: #646a73;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -1304,7 +1304,7 @@ const mousedownDrag = () => {
     background: #e1eaff;
     position: relative;
     padding: 9px 0 9px 40px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 400;
 
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue b/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue
index fe6a6d7b20..14406d1202 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/CalcFieldEdit.vue
@@ -647,7 +647,7 @@ initFunction()
       & > :nth-child(2) {
         margin: 0 -0.67px 0 2px;
         color: #f54a45;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue b/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue
index 2a394d1fe6..982b6813b0 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/CreatDsGroup.vue
@@ -410,7 +410,7 @@ const emits = defineEmits(['finish'])
       margin-bottom: 8px;
     }
     span {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue b/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
index 83bf8d4c43..145f87149f 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/DatasetUnion.vue
@@ -1224,7 +1224,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
 .union-item-drawer {
   .ed-drawer__header {
     height: 82px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
 
     .ed-drawer__close-btn {
       top: 26px;
@@ -1267,7 +1267,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
   width: 100%;
   border: 1px solid #dee0e3;
   border-radius: 4px;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-weight: 400;
   color: #1f2329;
@@ -1389,7 +1389,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
   }
 
   p {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue b/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue
index 52a550ad2c..5bc337471f 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/UnionEdit.vue
@@ -149,7 +149,7 @@ defineExpose({
   width: 50%;
 
   & > p {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 500;
     margin: 0;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/UnionFieldList.vue b/core/core-frontend/src/views/visualized/data/dataset/form/UnionFieldList.vue
index 1abc20864b..f105468e05 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/UnionFieldList.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/UnionFieldList.vue
@@ -137,7 +137,7 @@ watch(
 .field-block-style {
   height: 100%;
   width: 100%;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   .field-block-body {
     height: 327px;
     overflow-y: auto;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/UnionItemEdit.vue b/core/core-frontend/src/views/visualized/data/dataset/form/UnionItemEdit.vue
index 3687af20f7..7088a737a7 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/UnionItemEdit.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/UnionItemEdit.vue
@@ -173,7 +173,7 @@ init()
 <style lang="less" scoped>
 .union-container {
   height: 275px;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
 }
 .union-header {
   display: flex;
@@ -219,7 +219,7 @@ init()
   display: flex;
   align-items: center;
   font-size: 14px;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-style: normal;
   font-weight: 400;
   margin: 20px 0 8px 0;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
index 6b84f2509a..676be8424b 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
@@ -2159,7 +2159,7 @@ const getDsIconName = data => {
 
     .name {
       color: #fff;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 16px;
       font-weight: 400;
       display: flex;
@@ -2263,7 +2263,7 @@ const getDsIconName = data => {
       width: 240px;
       padding-bottom: 16px;
 
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       border-right: 1px solid rgba(31, 35, 41, 0.15);
 
       .select-ds {
@@ -2367,7 +2367,7 @@ const getDsIconName = data => {
         }
       }
       .sql-result {
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         overflow-y: auto;
         box-sizing: border-box;
@@ -2492,7 +2492,7 @@ const getDsIconName = data => {
                 margin: 1px;
                 top: 1px;
                 height: 49px;
-                font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+                font-family: var(--de-custom_font, 'PingFang');
                 font-style: normal;
                 font-weight: 500;
                 font-size: 14px;
diff --git a/core/core-frontend/src/views/visualized/data/dataset/index.vue b/core/core-frontend/src/views/visualized/data/dataset/index.vue
index 73d2b79172..4e1c99ec87 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/index.vue
@@ -1229,7 +1229,7 @@ const getMenuList = (val: boolean) => {
         width: 100%;
         display: flex;
         align-items: center;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-weight: 500;
 
@@ -1275,7 +1275,7 @@ const getMenuList = (val: boolean) => {
 
     .preview-num {
       color: var(--deTextSecondary, #606266);
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue b/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue
index f74d8d9009..6805aa9799 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/BaseInfoContent.vue
@@ -36,7 +36,7 @@ defineExpose({
 
   .update-records-time {
     color: #646a73;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -52,7 +52,7 @@ defineExpose({
 
   .name {
     color: #1f2329;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/BaseInfoItem.vue b/core/core-frontend/src/views/visualized/data/datasource/BaseInfoItem.vue
index 127bfef2f8..4cf4191840 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/BaseInfoItem.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/BaseInfoItem.vue
@@ -17,7 +17,7 @@ defineProps({
 <style lang="less">
 .base-info-item {
   margin-top: 16px;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
index d09846577c..2410405676 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
@@ -48,7 +48,7 @@ const del = () => {
   }
 
   .info {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
     width: 80%;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue b/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue
index 6c6cafc256..81b3b8d74d 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/FinishPage.vue
@@ -87,7 +87,7 @@ const handleChange = (val: boolean) => {
     flex-direction: column;
     align-items: center;
     padding-top: 83px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-style: normal;
     font-weight: 400;
 
@@ -136,7 +136,7 @@ const handleChange = (val: boolean) => {
         }
 
         .info {
-          font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+          font-family: var(--de-custom_font, 'PingFang');
           font-style: normal;
           font-weight: 400;
           .name {
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
index 4f2dfa12cd..74d76572eb 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
@@ -856,7 +856,7 @@ defineExpose({
     cursor: pointer;
     .name {
       color: #1f2329;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 16px;
       font-style: normal;
       font-weight: 500;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
index f38beb1726..0cd17a4f9f 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestForm.vue
@@ -219,7 +219,7 @@ const emits = defineEmits(['changeId'])
     min-height: 200px;
 
     :deep(.ed-tabs__item) {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue b/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue
index 58de007c1c..a5107a3be1 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/CreatDsGroup.vue
@@ -442,7 +442,7 @@ const emits = defineEmits(['finish', 'handleShowFinishPage'])
       margin-bottom: 8px;
     }
     span {
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
index 40b39e85ec..fa40d5a6c6 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
@@ -1436,7 +1436,7 @@ defineExpose({
   }
 
   .de-expand {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
@@ -1523,7 +1523,7 @@ defineExpose({
       width: 100%;
       display: flex;
       align-items: center;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -1543,7 +1543,7 @@ defineExpose({
         position: relative;
         color: #1f2329;
         font-weight: 400;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-style: normal;
         line-height: 22px;
@@ -1595,7 +1595,7 @@ defineExpose({
   border-radius: 4px;
   margin: 0 0 16px 16px;
   padding: 16px;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+  font-family: var(--de-custom_font, 'PingFang');
   cursor: pointer;
 
   &:hover {
@@ -1674,7 +1674,7 @@ defineExpose({
   }
 
   .tips {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 500;
     line-height: 22px;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue
index ec40b456fa..2bcf1cf458 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ExcelDetail.vue
@@ -569,7 +569,7 @@ defineExpose({
 
     .upload-tip {
       color: #8f959e;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/index.vue b/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
index 55a5b53f1e..b49b019b8a 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/index.vue
@@ -975,7 +975,7 @@ defineExpose({
       .title {
         display: flex;
         justify-content: space-between;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 14px;
         font-weight: 500;
         color: var(--TextPrimary, #1f2329);
@@ -1030,7 +1030,7 @@ defineExpose({
         width: 100%;
         padding: 16px 24px;
         color: #1f2329;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 274aa1bc56..fb3ffa8df4 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -1877,7 +1877,7 @@ const getMenuList = (val: boolean) => {
     border-radius: 4px;
     margin: 0 0 16px 16px;
     padding: 16px;
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     .name {
       font-size: 16px;
       font-weight: 500;
@@ -1941,7 +1941,7 @@ const getMenuList = (val: boolean) => {
   }
 
   .de-expand {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
@@ -2005,7 +2005,7 @@ const getMenuList = (val: boolean) => {
         width: 100%;
         display: flex;
         align-items: center;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-weight: 500;
 
@@ -2131,7 +2131,7 @@ const getMenuList = (val: boolean) => {
 
   .table-value,
   .table-name {
-    font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+    font-family: var(--de-custom_font, 'PingFang');
     font-size: 14px;
     font-weight: 400;
     margin: 0;
diff --git a/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue b/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue
index cdf76e24a6..e99bd09cf7 100644
--- a/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue
+++ b/core/core-frontend/src/views/visualized/view/panel/filter-config/index.vue
@@ -359,7 +359,7 @@ const handleTabClick = () => {
       position: sticky;
       top: 0;
       height: 32px;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-style: normal;
       font-weight: 500;
       font-size: 14px;
diff --git a/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue b/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
index ef734e5ffb..aabb045f6d 100644
--- a/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
+++ b/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
@@ -127,7 +127,7 @@ const templateInnerPreview = () => {
     }
     .name {
       color: #1f2329;
-      font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+      font-family: var(--de-custom_font, 'PingFang');
       font-size: 14px;
       font-style: normal;
       font-weight: 500;
diff --git a/core/core-frontend/src/views/workbranch/index.vue b/core/core-frontend/src/views/workbranch/index.vue
index b43bab8f81..595dfcabc2 100644
--- a/core/core-frontend/src/views/workbranch/index.vue
+++ b/core/core-frontend/src/views/workbranch/index.vue
@@ -465,7 +465,7 @@ initMarketTemplate()
         .name-role {
           margin-bottom: 4px;
           color: #1f2329;
-          font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+          font-family: var(--de-custom_font, 'PingFang');
           font-style: normal;
           .name {
             font-size: 16px;
@@ -495,7 +495,7 @@ initMarketTemplate()
       }
 
       .item {
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-style: normal;
         display: flex;
         flex-direction: column;
@@ -532,7 +532,7 @@ initMarketTemplate()
       .label {
         color: #1f2329;
         font-feature-settings: 'clig' off, 'liga' off;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
@@ -566,7 +566,7 @@ initMarketTemplate()
 
           .name {
             color: #1f2329;
-            font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+            font-family: var(--de-custom_font, 'PingFang');
             font-size: 14px;
             font-style: normal;
             font-weight: 400;
@@ -624,7 +624,7 @@ initMarketTemplate()
       .label {
         color: #1f2329;
         font-feature-settings: 'clig' off, 'liga' off;
-        font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+        font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
@@ -673,7 +673,7 @@ initMarketTemplate()
           display: inline-flex;
           align-items: center;
           padding: 0 8px;
-          font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
+          font-family: var(--de-custom_font, 'PingFang');
           font-size: 12px;
           font-style: normal;
           font-weight: 400;