Merge pull request #11784 from dataease/pr@dev-v2_st

feat(系统设置): 字体管理
2024-08-27 16:15:34 +08:00 · 2024-08-27 16:15:34 +08:00 · 178f22e9f6
commit 178f22e9f6
parent ffcbe530da e399c0b416
79 changed files with 190 additions and 157 deletions
--- a/core/core-frontend/src/assets/font/AlibabaPuHuiTi-3-55-RegularL3.woff2
+++ b/core/core-frontend/src/assets/font/AlibabaPuHuiTi-3-55-RegularL3.woff2
--- a/core/core-frontend/src/assets/font/index.css
+++ b/core/core-frontend/src/assets/font/index.css
@ -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;
-}
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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 {
--- 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: '',
--- 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: '',
--- 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;
--- 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 {
--- 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: '',
--- 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;
--- 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);
--- 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;

--- 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);
--- 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);
  }
--- 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;
--- 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'
--- 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'
--- 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'
--- 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 }
--- 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%;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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);
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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 {
--- 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%;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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);
--- 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;
--- 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;

--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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%;
--- 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 {
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;
--- 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;