diff --git a/core/core-frontend/src/assets/font/AlibabaPuHuiTi.otf b/core/core-frontend/src/assets/font/AlibabaPuHuiTi.otf
new file mode 100644
index 0000000000..cca7439775
Binary files /dev/null and b/core/core-frontend/src/assets/font/AlibabaPuHuiTi.otf differ
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 7f8475c5f8..5105ac4616 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: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 5a4d661297..30ce7ed159 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: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 cbcf29c7b7..3fba66bf7a 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
@@ -57,7 +57,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
@@ -71,7 +71,7 @@ defineExpose({
 
     .item,
     .more {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 af7903f5ad..24829117ab 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerFilter.vue
@@ -66,7 +66,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
diff --git a/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue b/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue
index 4b21f06d2e..5beb80781d 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerTimeFilter.vue
@@ -100,7 +100,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
@@ -114,7 +114,7 @@ defineExpose({
 
     .item,
     .more {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       white-space: nowrap;
       font-size: 14px;
       font-weight: 400;
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 710c437b84..6455ef7ed6 100644
--- a/core/core-frontend/src/components/drawer-filter/src/DrawerTreeFilter.vue
+++ b/core/core-frontend/src/components/drawer-filter/src/DrawerTreeFilter.vue
@@ -72,7 +72,7 @@ defineExpose({
 
   > :nth-child(1) {
     color: var(--deTextSecondary, #1f2329);
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     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 57c1cb9ef0..8548200774 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: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 6b4b30af3b..5ae0d40f44 100644
--- a/core/core-frontend/src/components/filter-text/src/FilterText.vue
+++ b/core/core-frontend/src/components/filter-text/src/FilterText.vue
@@ -71,7 +71,7 @@ watch(
   display: flex;
   align-items: center;
   margin: 17px 0;
-  font-family: 'PingFang SC';
+  font-family: 'AlibabaPuHuiTi';
   font-weight: 400;
 
   .sum {
diff --git a/core/core-frontend/src/components/visualization/LinkJumpSet.vue b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
index 796ca3059a..e833a779bf 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -859,7 +859,7 @@ defineExpose({
 
   color: var(--neutral-900, #1f2329);
   /* 中文/桌面端/正文 14 22 Regular */
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 f0ecc1fa45..f3552a2217 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: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   font-size: 14px;
 
   .chart-dataset-name {
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 06dd27e7a1..b7d5b21704 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -495,7 +495,7 @@ const opacityStyle = computed(() => {
       justify-content: center;
       color: #646a73;
       text-align: center;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
@@ -511,7 +511,7 @@ const opacityStyle = computed(() => {
   .title {
     color: #1f2329;
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
@@ -570,7 +570,7 @@ const opacityStyle = computed(() => {
           text-overflow: ellipsis;
           white-space: nowrap;
           color: #1f2329;
-          font-family: PingFang SC;
+          font-family: AlibabaPuHuiTi;
           font-size: 14px;
           font-style: normal;
           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 d8e9162ee1..fad774b203 100644
--- a/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
+++ b/core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
@@ -1379,7 +1379,7 @@ defineExpose({
 
 <style lang="less">
 .dataset-parameters {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   font-style: normal;
   font-weight: 400;
   .ed-select-dropdown__item {
@@ -1411,7 +1411,7 @@ defineExpose({
   }
   .container {
     font-size: 14px;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     width: 1152px;
     height: 454px;
     border-radius: 4px;
@@ -1432,7 +1432,7 @@ defineExpose({
         display: flex;
         align-items: center;
         justify-content: space-between;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
@@ -1499,7 +1499,7 @@ defineExpose({
       }
 
       .title {
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
@@ -1563,7 +1563,7 @@ defineExpose({
         color: #646a73;
         height: 16px;
         padding: 0px 4px;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 10px;
         font-style: normal;
         font-weight: 500;
@@ -1585,7 +1585,7 @@ defineExpose({
       }
       .title {
         margin-bottom: 16px;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
diff --git a/core/core-frontend/src/layout/components/HeaderSystem.vue b/core/core-frontend/src/layout/components/HeaderSystem.vue
index 1a835b0d76..c6d1e183b9 100644
--- a/core/core-frontend/src/layout/components/HeaderSystem.vue
+++ b/core/core-frontend/src/layout/components/HeaderSystem.vue
@@ -32,7 +32,7 @@ const backToMain = () => {
 
 <style lang="less" scoped>
 .system-header {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
 
   .logo {
     width: 134px;
diff --git a/core/core-frontend/src/layout/components/HeaderTemplateMarket.vue b/core/core-frontend/src/layout/components/HeaderTemplateMarket.vue
index 7ef5f245bc..f0295982a1 100644
--- a/core/core-frontend/src/layout/components/HeaderTemplateMarket.vue
+++ b/core/core-frontend/src/layout/components/HeaderTemplateMarket.vue
@@ -28,7 +28,7 @@ const backToMain = () => {
 
 <style lang="less" scoped>
 .system-header {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
 
   .logo {
     width: 134px;
diff --git a/core/core-frontend/src/pages/panel/App.vue b/core/core-frontend/src/pages/panel/App.vue
index abeb6e3a67..45258bf1de 100644
--- a/core/core-frontend/src/pages/panel/App.vue
+++ b/core/core-frontend/src/pages/panel/App.vue
@@ -8,6 +8,10 @@ const DashboardEditor = defineAsyncComponent(() => import('@/views/dashboard/ind
 
 const Dashboard = defineAsyncComponent(() => import('./DashboardPreview.vue'))
 const ViewWrapper = defineAsyncComponent(() => import('./ViewWrapper.vue'))
+const Dataset = defineAsyncComponent(() => import('@/views/visualized/data/dataset/index.vue'))
+const Datasource = defineAsyncComponent(
+  () => import('@/views/visualized/data/datasource/index.vue')
+)
 const props = defineProps({
   componentName: propTypes.string.def('DashboardEditor')
 })
@@ -17,7 +21,9 @@ const componentMap = {
   DashboardEditor,
   VisualizationEditor,
   ViewWrapper,
-  Dashboard
+  Dashboard,
+  Dataset,
+  Datasource
 }
 
 currentComponent.value = componentMap[props.componentName]
diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index 29dcc8aa6a..ffd6ed46a1 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -1,5 +1,13 @@
+@font-face {
+  font-family: 'AlibabaPuHuiTi';
+  src: url('../assets/font/AlibabaPuHuiTi.otf');
+  font-weight: normal;
+  font-style: normal;
+}
+
 :root {
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif;
+  font-family: AlibabaPuHuiTi, Helvetica Neue, Helvetica, AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei,
+    \5fae\8f6f\96c5\9ed1, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 
@@ -54,7 +62,6 @@ body {
   white-space: nowrap;
 }
 
-
 .list-item_primary {
   height: 40px;
   border-radius: 4px;
@@ -70,7 +77,7 @@ body {
   .label {
     width: 85%;
     font-size: 14px;
-    .ellipsis
+    .ellipsis;
   }
 
   &:not(.active):hover {
@@ -79,7 +86,7 @@ body {
 
   &.active {
     background: rgba(51, 112, 255, 0.1);
-    color: #3370FF;
+    color: #3370ff;
   }
 }
 
@@ -101,7 +108,7 @@ body {
 }
 
 .title-form_primary {
-  font-family: 'PingFang SC';
+  font-family: 'AlibabaPuHuiTi';
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
@@ -130,28 +137,28 @@ body {
   background-color: #f5f6f7 !important;
 
   .ed-table-v2__header-cell {
-    background-color: transparent
+    background-color: transparent;
   }
 }
 
 .field-icon-text {
-  color: #3370FF;
+  color: #3370ff;
 }
 
 .field-icon-time {
-  color: #3370FF;
+  color: #3370ff;
 }
 
 .field-icon-value {
-  color: #04B49C;
+  color: #04b49c;
 }
 
 .field-icon-location {
-  color: #3370FF;
+  color: #3370ff;
 }
 
 .field-icon-red {
-  color: #F54A45;
+  color: #f54a45;
 }
 
 .field-icon-sort {
@@ -161,24 +168,22 @@ body {
 }
 
 .field-icon-dimension {
-  color: #3370FF;
+  color: #3370ff;
 }
 
 .field-icon-quota {
-  color: #04B49C;
+  color: #04b49c;
 }
 
-
-
 .hover-icon {
   cursor: pointer;
   height: 24px !important;
   width: 24px !important;
   font-size: 16px !important;
   border-radius: 4px;
-  color: #646A73 !important;
+  color: #646a73 !important;
 
-  &[aria-expanded="true"] {
+  &[aria-expanded='true'] {
     background: rgba(31, 35, 41, 0.1);
   }
 
@@ -198,25 +203,24 @@ body {
 }
 
 .hover-icon-in-table {
-  color: #3370FF !important;
-  &[aria-expanded="true"] {
-    background: rgba(51,112,255,.1);
+  color: #3370ff !important;
+  &[aria-expanded='true'] {
+    background: rgba(51, 112, 255, 0.1);
   }
   &:hover {
-    background: rgba(51,112,255,.1);
+    background: rgba(51, 112, 255, 0.1);
   }
 }
 
-
 .custom-popover-dark {
-  min-width: 50px!important;
+  min-width: 50px !important;
   background: @side-content-background !important;
   padding: 0px 4px 0 4px !important;
   border: 1px solid @side-outline-border-color !important;
 }
 
 .custom-popover-light {
-  min-width: 50px!important;
+  min-width: 50px !important;
   background: @side-content-background-light !important;
   padding: 0px 4px 0 4px !important;
   border: 1px solid @side-outline-border-color-light !important;
@@ -235,7 +239,7 @@ body {
   border-radius: 4px;
 
   &:hover {
-    background: rgba(235, 235, 235, 0.10);
+    background: rgba(235, 235, 235, 0.1);
   }
 
   &:active {
@@ -281,7 +285,7 @@ body {
 }
 
 .primary-color {
-  color: var(--ed-color-primary, #3370FF);
+  color: var(--ed-color-primary, #3370ff);
 }
 
 // .ed-drawer__footer {
@@ -294,11 +298,10 @@ body {
 //   padding: 0 0 64px 0 !important;
 // }
 
-.ed-tree-node.is-current>.ed-tree-node__content:not(.is-menu):after {
+.ed-tree-node.is-current > .ed-tree-node__content:not(.is-menu):after {
   display: none;
 }
 
-
 .create-dialog {
   .ed-form-item {
     margin-bottom: 16px;
@@ -323,7 +326,6 @@ em {
   text-align: left !important;
 }
 
-
 .cell {
   .is-text {
     .ed-icon {
@@ -337,28 +339,28 @@ em {
   max-height: 100vh;
   overflow-y: auto;
   background: none !important;
-  .ed-dialog__header{
+  .ed-dialog__header {
     padding: 0px;
-    .ed-dialog__headerbtn{
+    .ed-dialog__headerbtn {
       .ed-icon {
         font-size: 24px;
         color: white;
       }
-      background: rgba(31, 35, 41, 0.90);
+      background: rgba(31, 35, 41, 0.9);
       height: 48px;
       width: 48px;
-      top:24px;
+      top: 24px;
       right: 24px;
       padding: 12px;
       border-radius: 50%;
       &:hover {
-        background: #646A73;
+        background: #646a73;
       }
     }
   }
-  .ed-dialog__body{
+  .ed-dialog__body {
     padding: 0px;
-    background-color: #1F232999;
+    background-color: #1f232999;
   }
 }
 
@@ -395,4 +397,3 @@ em {
 .ed-table {
   --ed-table-row-hover-bg-color: #e8e9e9 !important;
 }
-
diff --git a/core/core-frontend/src/views/about/index.vue b/core/core-frontend/src/views/about/index.vue
index 47c3170d76..0c53936514 100644
--- a/core/core-frontend/src/views/about/index.vue
+++ b/core/core-frontend/src/views/about/index.vue
@@ -220,7 +220,7 @@ const update = (licKey: string) => {
     margin-top: -7px;
 
     .item {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 68f8f8b4f1..4f54751823 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
@@ -406,7 +406,7 @@ span {
 }
 
 .label-dark {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 4129bbe120..753ff614a8 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
@@ -318,7 +318,7 @@ span {
 }
 
 .label-dark {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 70e6c3ce5f..f840b8695b 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
@@ -767,7 +767,7 @@ span {
   }
 }
 .label-dark {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
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 dbefb8cb04..4b2585768d 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: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 ae7ee3963d..34b31dec1e 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: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 7d89c23317..8dcb4777b9 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: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
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 192685cb88..b8a9ca83b2 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -2233,7 +2233,7 @@ const onRefreshChange = val => {
         height: 35px;
         line-height: 35px;
         color: #3370ff;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 12px;
         font-style: normal;
         font-weight: 500;
@@ -3097,7 +3097,7 @@ span {
   margin-bottom: 16px !important;
 
   .text {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -3106,7 +3106,7 @@ span {
     --ed-input-height: 32px;
 
     :deep(.ed-input__inner) {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -3117,7 +3117,7 @@ span {
   :deep(.ed-form-item__label) {
     color: #1f2329;
 
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 09cf1ba9ff..1b0c5ed6ef 100644
--- a/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
+++ b/core/core-frontend/src/views/common/DeResourceGroupOpt.vue
@@ -409,7 +409,7 @@ const emits = defineEmits(['finish'])
       margin-bottom: 8px;
     }
     span {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 6c8e70b4b0..75ee26af31 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: 'PingFang SC';
+  font-family: 'AlibabaPuHuiTi';
   font-style: normal;
   padding-left: 4px;
   font-weight: 400;
diff --git a/core/core-frontend/src/views/login/index.vue b/core/core-frontend/src/views/login/index.vue
index 87b64688fe..754d55bb71 100644
--- a/core/core-frontend/src/views/login/index.vue
+++ b/core/core-frontend/src/views/login/index.vue
@@ -407,7 +407,7 @@ onMounted(() => {
     text-align: center;
     margin-top: 8px;
     color: #646a73;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -445,7 +445,7 @@ onMounted(() => {
 
   :deep(.ed-divider__text) {
     color: #8f959e;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
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 52b4d87435..a3c8a8c50f 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: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 14px;
       font-weight: 400;
       line-height: 22px;
@@ -158,7 +158,7 @@ defineExpose({
       padding: 0 20px;
       color: #1f2329;
       text-align: center;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/core/core-frontend/src/views/system/parameter/index.vue b/core/core-frontend/src/views/system/parameter/index.vue
index 943c821f5c..5662358780 100644
--- a/core/core-frontend/src/views/system/parameter/index.vue
+++ b/core/core-frontend/src/views/system/parameter/index.vue
@@ -32,7 +32,7 @@ const activeName = ref('basic')
 .router-title {
   color: #1f2329;
   font-feature-settings: 'clig' off, 'liga' off;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 c7a56ed906..74d45d1c63 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreview.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreview.vue
@@ -371,7 +371,7 @@ onMounted(() => {
 .insert-filter {
   display: inline-block;
   font-weight: 400 !important;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
@@ -400,7 +400,7 @@ onMounted(() => {
 .insert {
   display: inline-block;
   font-weight: 400 !important;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 8f34a0c3c8..ee77817af7 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
@@ -492,7 +492,7 @@ onMounted(() => {
 .insert-filter {
   display: inline-block;
   font-weight: 400 !important;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
@@ -525,7 +525,7 @@ onMounted(() => {
   display: inline-block;
   font-size: 34px;
   font-weight: 400 !important;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 436d87b0b6..c25a7fd4d6 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateItem.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateItem.vue
@@ -132,7 +132,7 @@ const handleCommand = key => {
 
   .de-model-text {
     margin-left: 8px;
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     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 7a0ef47fb8..770529a6d1 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateList.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateList.vue
@@ -152,7 +152,7 @@ defineExpose({
     align-items: center;
     border-radius: 4px;
     color: var(--deTextPrimary, #1f2329);
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     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 2a9bc60988..c903bf6448 100644
--- a/core/core-frontend/src/views/template/index.vue
+++ b/core/core-frontend/src/views/template/index.vue
@@ -419,7 +419,7 @@ onMounted(() => {
     .active-template {
       height: 56px;
       padding: 0px 24px;
-      font-family: 'PingFang SC';
+      font-family: 'AlibabaPuHuiTi';
       font-style: normal;
       font-weight: 500;
       font-size: 16px;
@@ -436,7 +436,7 @@ onMounted(() => {
 .router-title {
   color: #1f2329;
   font-feature-settings: 'clig' off, 'liga' off;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 ee91d36a2b..5846c11a31 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: 'PingFang SC';
+  font-family: 'AlibabaPuHuiTi';
   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 a86f15ad56..7fff12ffa3 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: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei, sans-serif;
       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 674585689e..672cbfafb7 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
@@ -553,7 +553,7 @@ const emits = defineEmits(['update:item', 'del'])
   }
 
   .bottom-line {
-    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei, sans-serif;
     font-variant: tabular-nums;
     font-feature-settings: 'tnum';
     word-wrap: break-word;
@@ -601,7 +601,7 @@ const emits = defineEmits(['update:item', 'del'])
     border-radius: 0;
     box-shadow: none;
     height: 26px;
-    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+    font-family: AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei, sans-serif;
     word-wrap: break-word;
     text-align: left;
     color: rgba(0, 0, 0, 0.65);
@@ -714,7 +714,7 @@ const emits = defineEmits(['update:item', 'del'])
   }
 
   .ed-input {
-    font-family: Alibaba-PuHuiTi-Regular, Helvetica Neue, Helvetica, Arial, PingFang SC,
+    font-family: Alibaba-PuHuiTi-Regular, Helvetica Neue, Helvetica, Arial, AlibabaPuHuiTi,
       Hiragino Sans GB, Microsoft YaHei, sans-serif;
     box-sizing: border-box;
     margin: 0;
@@ -748,7 +748,7 @@ const emits = defineEmits(['update:item', 'del'])
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.05);
     .mod-left {
-      font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei, sans-serif;
       color: rgba(0, 0, 0, 0.65);
       font-size: 12px;
       vertical-align: top;
@@ -794,7 +794,7 @@ const emits = defineEmits(['update:item', 'del'])
       border-left: 1px solid hsla(0, 0%, 59%, 0.1);
     }
     .autochecker-list {
-      font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+      font-family: AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei, sans-serif;
       color: rgba(0, 0, 0, 0.65);
       box-sizing: border-box;
       width: 100%;
@@ -839,7 +839,7 @@ const emits = defineEmits(['update:item', 'del'])
         }
 
         label {
-          font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+          font-family: AlibabaPuHuiTi, Hiragino Sans GB, Microsoft YaHei, sans-serif;
           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 7cb7868999..eec9fc88d9 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
@@ -858,7 +858,7 @@ const mousedownDrag = () => {
     height: 100%;
     width: 240px;
     float: left;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     border-right: 1px solid rgba(31, 35, 41, 0.15);
 
     .list-item_primary {
@@ -960,7 +960,7 @@ const mousedownDrag = () => {
     float: right;
     height: calc(100vh - 156px);
     .sql-result {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 14px;
       overflow-y: auto;
       box-sizing: border-box;
@@ -1122,7 +1122,7 @@ const mousedownDrag = () => {
 .sql-tips {
   color: #646a73;
   text-align: center;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
@@ -1146,7 +1146,7 @@ const mousedownDrag = () => {
       .num {
         margin-left: auto;
         color: #646a73;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -1235,7 +1235,7 @@ const mousedownDrag = () => {
     background: #e1eaff;
     position: relative;
     padding: 9px 0 9px 40px;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 5b6804b405..ac07f9de17 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
@@ -498,7 +498,7 @@ initFunction()
       & > :nth-child(2) {
         margin: 0 -0.67px 0 2px;
         color: #f54a45;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         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 f47da32311..0009099f23 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
@@ -409,7 +409,7 @@ const emits = defineEmits(['finish'])
       margin-bottom: 8px;
     }
     span {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 01560b78f9..b0ff9af93a 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
@@ -952,7 +952,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields'])
 .union-item-drawer {
   .ed-drawer__header {
     height: 82px;
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
 
     .ed-drawer__close-btn {
       top: 26px;
@@ -983,7 +983,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields'])
   width: 100%;
   border: 1px solid #dee0e3;
   border-radius: 4px;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   font-size: 14px;
   font-weight: 400;
   color: #1f2329;
@@ -1103,7 +1103,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields'])
   }
 
   p {
-    font-family: 'PingFang SC';
+    font-family: 'AlibabaPuHuiTi';
     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 3257076765..7ebe643050 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
@@ -159,7 +159,7 @@ defineExpose({
   width: 50%;
 
   & > p {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 c0c0e8a8c2..54d402ecb0 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
@@ -145,7 +145,7 @@ watch(
 .field-block-style {
   height: 100%;
   width: 100%;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   .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 64b032b49a..330e63913d 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
@@ -171,7 +171,7 @@ init()
 <style lang="less" scoped>
 .union-container {
   height: 275px;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
 }
 .union-header {
   display: flex;
@@ -217,7 +217,7 @@ init()
   display: flex;
   align-items: center;
   font-size: 14px;
-  font-family: 'PingFang SC';
+  font-family: 'AlibabaPuHuiTi';
   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 e758238cba..7213af0b02 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
@@ -1872,7 +1872,7 @@ const getDsIconName = data => {
 
     .name {
       color: #fff;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 16px;
       font-weight: 400;
       display: flex;
@@ -1968,7 +1968,7 @@ const getDsIconName = data => {
       width: 240px;
       padding-bottom: 16px;
 
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       border-right: 1px solid rgba(31, 35, 41, 0.15);
 
       .select-ds {
@@ -2041,7 +2041,7 @@ const getDsIconName = data => {
     .drag-right {
       height: calc(100vh - 56px);
       .sql-result {
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         overflow-y: auto;
         box-sizing: border-box;
@@ -2167,7 +2167,7 @@ const getDsIconName = data => {
                 margin: 1px;
                 top: 1px;
                 height: 49px;
-                font-family: 'PingFang SC';
+                font-family: 'AlibabaPuHuiTi';
                 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 352cb67886..d6c62dc5c4 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/index.vue
@@ -760,7 +760,7 @@ const getMenuList = (val: boolean) => {
         width: 100%;
         display: flex;
         align-items: center;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 16px;
         font-weight: 500;
 
@@ -806,7 +806,7 @@ const getMenuList = (val: boolean) => {
 
     .preview-num {
       color: var(--deTextSecondary, #606266);
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 5d1e3950c7..9f5e704f15 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: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -52,7 +52,7 @@ defineExpose({
 
   .name {
     color: #1f2329;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 0198601dd4..03c737832e 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: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   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 5e627f7fff..fe647dcedb 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfo.vue
@@ -42,7 +42,7 @@ const del = () => {
   }
 
   .info {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 2ed28d23ce..602e1e8d58 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: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-style: normal;
     font-weight: 400;
 
@@ -136,7 +136,7 @@ const handleChange = (val: boolean) => {
         }
 
         .info {
-          font-family: PingFang SC;
+          font-family: AlibabaPuHuiTi;
           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 d27ffafdde..7bae41d5f1 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
@@ -739,7 +739,7 @@ defineExpose({
     cursor: pointer;
     .name {
       color: #1f2329;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 7a94e29ff8..12e101192e 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
@@ -213,7 +213,7 @@ const emits = defineEmits(['changeId'])
     min-height: 200px;
 
     :deep(.ed-tabs__item) {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 95e7cf9700..34e07bbc24 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
@@ -432,7 +432,7 @@ const emits = defineEmits(['finish', 'handleShowFinishPage'])
       margin-bottom: 8px;
     }
     span {
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 19ec595009..d6a9bedd14 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
@@ -973,7 +973,7 @@ defineExpose({
   }
 
   .de-expand {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
@@ -1024,7 +1024,7 @@ defineExpose({
       width: 100%;
       display: flex;
       align-items: center;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -1044,7 +1044,7 @@ defineExpose({
         position: relative;
         color: #1f2329;
         font-weight: 400;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         font-style: normal;
         line-height: 22px;
@@ -1096,7 +1096,7 @@ defineExpose({
   border-radius: 4px;
   margin: 0 0 16px 16px;
   padding: 16px;
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   cursor: pointer;
 
   &:hover {
@@ -1173,7 +1173,7 @@ defineExpose({
   }
 
   .tips {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 0dedb44053..bbfa4cde64 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
@@ -550,7 +550,7 @@ defineExpose({
 
     .upload-tip {
       color: #8f959e;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 1581ead433..1254bbfb4a 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
@@ -817,7 +817,7 @@ defineExpose({
       .title {
         display: flex;
         justify-content: space-between;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 14px;
         font-weight: 500;
         color: var(--TextPrimary, #1f2329);
@@ -872,7 +872,7 @@ defineExpose({
         width: 100%;
         padding: 16px 24px;
         color: #1f2329;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         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 8914524e3b..cce2b70f2e 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -1462,7 +1462,7 @@ const getMenuList = (val: boolean) => {
     border-radius: 4px;
     margin: 0 0 16px 16px;
     padding: 16px;
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     .name {
       font-size: 16px;
       font-weight: 500;
@@ -1524,7 +1524,7 @@ const getMenuList = (val: boolean) => {
   }
 
   .de-expand {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
@@ -1580,7 +1580,7 @@ const getMenuList = (val: boolean) => {
         width: 100%;
         display: flex;
         align-items: center;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 16px;
         font-weight: 500;
 
@@ -1706,7 +1706,7 @@ const getMenuList = (val: boolean) => {
 
   .table-value,
   .table-name {
-    font-family: PingFang SC;
+    font-family: AlibabaPuHuiTi;
     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 0687eeec21..efc149be13 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: 'PingFang SC';
+      font-family: 'AlibabaPuHuiTi';
       font-style: normal;
       font-weight: 500;
       font-size: 14px;
diff --git a/core/core-frontend/src/views/workbranch/JumpLinkageBack.vue b/core/core-frontend/src/views/workbranch/JumpLinkageBack.vue
index 73b14e6176..1ec8846e1e 100644
--- a/core/core-frontend/src/views/workbranch/JumpLinkageBack.vue
+++ b/core/core-frontend/src/views/workbranch/JumpLinkageBack.vue
@@ -258,7 +258,7 @@ const handleCheckedFieldsChange = (value: string[]) => {
 
 <style lang="less">
 .jump-linkage {
-  font-family: PingFang SC;
+  font-family: AlibabaPuHuiTi;
   font-size: 14px;
 
   .chart-dataset-name {
diff --git a/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue b/core/core-frontend/src/views/workbranch/TemplateBranchItem.vue
index 61f1bb498f..d5d28ea95e 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 = e => {
     }
     .name {
       color: #1f2329;
-      font-family: PingFang SC;
+      font-family: AlibabaPuHuiTi;
       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 d6e840e4f2..6112a6d988 100644
--- a/core/core-frontend/src/views/workbranch/index.vue
+++ b/core/core-frontend/src/views/workbranch/index.vue
@@ -433,7 +433,7 @@ initMarketTemplate()
         .name-role {
           margin-bottom: 4px;
           color: #1f2329;
-          font-family: PingFang SC;
+          font-family: AlibabaPuHuiTi;
           font-style: normal;
           .name {
             font-size: 16px;
@@ -463,7 +463,7 @@ initMarketTemplate()
       }
 
       .item {
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-style: normal;
         display: flex;
         flex-direction: column;
@@ -500,7 +500,7 @@ initMarketTemplate()
       .label {
         color: #1f2329;
         font-feature-settings: 'clig' off, 'liga' off;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
@@ -534,7 +534,7 @@ initMarketTemplate()
 
           .name {
             color: #1f2329;
-            font-family: PingFang SC;
+            font-family: AlibabaPuHuiTi;
             font-size: 14px;
             font-style: normal;
             font-weight: 400;
@@ -592,7 +592,7 @@ initMarketTemplate()
       .label {
         color: #1f2329;
         font-feature-settings: 'clig' off, 'liga' off;
-        font-family: PingFang SC;
+        font-family: AlibabaPuHuiTi;
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
@@ -637,7 +637,7 @@ initMarketTemplate()
           display: inline-flex;
           align-items: center;
           padding: 0 8px;
-          font-family: PingFang SC;
+          font-family: AlibabaPuHuiTi;
           font-size: 12px;
           font-style: normal;
           font-weight: 400;